<body>
<div class="container">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
</div>
</body>
<style>
.container {
display: flex;flex-wrap: wrap;
}
.item{
flex-basis: calc(33.33% - 10px);margin-right: 10px;margin-bottom: 10px;background-color: #ccc;
text-align: center;
line-height: 100px;
}
</style>
flex多行最后一行左对齐
于 2023-04-17 16:04:28 首次发布