Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Ask a Question
Welcome To Ask or Share your Answers For Others

Categories

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

0 votes
4.3k 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 OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

Just Browsing Browsing

2.1m questions

2.1m answers

60 comments

57.0k users

Most popular tags

Powered by Question2Answer
Donate
Theme by Q2A Market&&OStack.cn
...