flex布局
{
{i}}
.item{ background: #ddd; margin: 5px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 30px; color: #fff; height: 50px; flex-grow: 1; min-width: 100px; } .container{ display: flex; flex-wrap: wrap; }
![a68e928e475f53b9f18d18afd35f6589.gif](https://i-blog.csdnimg.cn/blog_migrate/0f176269523bd8aca23a5c90f4ea37d1.gif)
效果虽好,不过最后一个元素铺满整行的样式却不是需求,希望跟其他元素保持相同比例。
grid布局
{
{i}}