1、设置li的 display设置为 inline
但是这样设置 width和height 将不起作用。
2、设置li的display设置为 inline-block,ie9以下不支持
3、设置li的 float为left.
本文转自 yntmdr 51CTO博客，原文链接：http://blog.51cto.com/yntmdr/1657240，如需转载请自行联系原作者
CSS + ul li 横向排列的方法
2017-11-23
2080
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
30天前
|
前端开发
|
1月前
|
前端开发
|
1月前
|
前端开发
|
1月前
|
前端开发
计算机视觉
开发者
|
2月前
|
前端开发
JavaScript
开发者
CSS隐藏元素的N种方法，你知道哪一种最适合你？
欢迎来到前端入门之旅！这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者，我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新，为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念，并提供实际案例和练习，让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具，我们都将为你提供丰富的内容和实用技巧，帮助你更好地理解并运用前端开发中的各种技术。
24
0
0
|
2天前
|
前端开发
|
3天前
|
JavaScript
前端开发
iOS开发
|
6天前
|
Web App开发
前端开发
开发者
|
6天前
|
XML
前端开发
开发者
|
4月前
|
缓存
前端开发
JavaScript