Welcome To Ask or Share your Answers For Others

纯css实现列表元素宽度、间隔自适应

asked Jan 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

如图，怎么使用css实现以下效果：

每个子元素宽度、元素间间隔存在最大、最小值
每行元素从左往右排列
每行元素总宽度足够时，则左右靠边，拉伸收缩元素间间隔
减小/增大容器宽度到一定程度，每行元素减少/增加一个，但左右仍靠边
兼容ie11及以上
不使用媒体查询（需兼容的分辨率跨度大，元素宽度最大值小）

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

4.3k views

Welcome To Ask or Share your Answers For Others

1 Answer

answered Jan 24, 2021 by 深蓝 (71.8m points)

flex 不行吗？

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

...