Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Post an Article
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 Reply

0 votes
by (71.8m points)

flex 不行吗？


与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界，一个免费开放的程序员编程交流平台！开放，进步，分享！让技术改变生活，让极客改变未来！ Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

Just Browsing Browsing

1.4m articles

1.4m replys

5 comments

57.0k users

Most popular tags

Snow Theme by Q2A Market
Powered by Question2Answer
...