Пошаговый план! Как быстро научиться создавать сайты!
- поддерживается начиная с
- частичная поддержка до
- не поддерживается
Значения
flex-flow: row;
Если использовать один параметр одного из свойств, то неиспользуемое свойство будет установлено в значение по умолчанию
<style>
.example-1 {
display: flex;
flex-flow: row;
outline: 2px dashed #ccc;
}
.example-1-item {
flex-basis: 48%;
height: 50px;
margin: 2px;
background: #8ee391;
}
</style>
<div class="example-1">
<div class="example-1-item"></div>
<div class="example-1-item"></div>
<div class="example-1-item"></div>
</div>flex-flow: row wrap;
Значения можно устанавливать в любом порядке
<style>
.example-2 {
display: flex;
flex-flow: row wrap;
outline: 2px dashed #ccc;
}
.example-2-item {
flex-basis: 48%;
height: 50px;
margin: 2px;
background: #8ee391;
}
</style>
<div class="example-2">
<div class="example-2-item"></div>
<div class="example-2-item"></div>
<div class="example-2-item"></div>
</div>