Is there a way to exclude the first item in a flex wrap other than reorder the markup?
a
-
Is there a way to exclude the first item in a flex wrap other than reorder the markup?
After some initial confusion we now understand that what is actually required is for the content to wrap after the first div.
Obviously, the simplest method to achieve this is for the first div to be 100% wide of the parent.
.view-container .view-content {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.filterbox {
flex: 0 0 100%;
}
<div class="view-container">
<div class="view-content">
<div class="filterbox">FILTER</div>
<div class="flex-item">
Flex-ITEM
</div>
<div class="flex-item">
Flex-ITEM
</div>
<div class="flex-item">
Flex-ITEM
</div>
</div>
</div>
讨论(0)