首页 > 编程知识 正文

notepad设置换行,iphone如何设置换行

时间:2023-05-03 07:02:17 阅读:195828 作者:3558

flex 设置flex-wrap 换行

本来预想的正常情况下,代码应该如下:

1 ul {2 width: 100%;3 display: flex;4 flex-wrap: wrap;5 li {6 flex: 1;7 width: 25%;8 }

但是这样的代码的宽度不生效,效果图如下

后来发现,加上li 的最大宽度和最小宽度

1 ul { 2 width: 100%; 3 display: flex; 4 flex-wrap: wrap; 5 li { 6 flex: 1; 7 width: 25%; 8 min-width: 25%; 9 max-width: 25%;10 }

这样,li 的宽度才能正常显示。

 

转载于:https://www.cnblogs.com/mjbin/p/7461816.html

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。