Несмотря на мой Googling, я нашел несколько примеров того, как реализовать несколько линейных flexbox. Ни один из кода, который я получил из примеров, не работал. У меня есть три элемента внутри flexbox, и я хочу, чтобы первый был сверху, а второй и третий - в нижней строке.
<div class="flexbox">
<div id="element1">element 1</div>
<div id="element2">element 2</div>
<div id="element3">element 3</div>
</div>
Я пробовал использовать эти свойства:
.flexbox {
width: 300px;
display: box;
display: -webkit-box;
display: -moz-box;
box-lines: multiple;
flex-wrap: wrap;
}
#element1 {
width: 100%;
}
и задавая ему ширину набора, но он все равно не будет завершен, даже если первый элемент имеет ширину 100%. Я упускаю некоторые префиксы поставщика или не свой синтаксис?