Welcome to ZaiNaLe Developer Community-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.5k views
in Technique[技术] by (71.8m points)

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

image.png
如图,怎么使用css实现以下效果:

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

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

flex 不行吗?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to ZaiNaLe Developer Community-Open, Learning and Share
...