Flexbox-Stretchsäulen (oder nicht)
Frage
Ich würde die „alte“ Flexbox-Implementierung verwenden -webkit-box-align: start;
um zu verhindern, dass nebeneinander liegende Spalten gleich lang sind.
Ich kann nicht herausfinden, wie das unter der neuen Spezifikation geht - https://developer.mozilla.org/en/Using_flexbox.
Meine Hauptabteilung ist <div role="main">
und es hat zwei <section class="app">
nebeneinander innerhalb der div.
Lösung
Die neue äquivalente Eigenschaft zu box-align
Ist align-items
, obwohl Sie verwenden müssen -webkit-align-items
zur Zeit.Stellen Sie es ein flex-start
auf dem Flexbox-Container dieser beiden Boxen, um die Dehnung auf gleicher Höhe zu beseitigen und die beiden Boxen oben auszurichten.Erfahren Sie mehr unter http://www.w3.org/TR/css3-flexbox/#align-items-property.