http://jsfiddle.net/waitinforatrain/DSSPb/2/
我想安排一堆< li>表示水平可滚动容器中图像的元素,如上例所示.
到目前为止我看到的技巧将容器的宽度设置为< li>元素的宽度.但是,由于内容是动态的,我无法知道容器的宽度.
有没有办法用CSS而不知道容器宽度?
最佳答案
也许是这样的事情? http://jsfiddle.net/mattball/5JRdZ/
>将ul和li显示更改为内联块
> remove li {float:left; }
> add ul {white-space:nowrap;所以当< ul>时,< li> s不会换行到下一行.太狭隘了
现在你的问题是解决li {height:100%; margin:4px}导致< li> s高于< ul>. (这是解决方案:http://jsfiddle.net/mattball/avTgR/ 原文链接:https://www.f2er.com/html/426001.html