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
2418
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
6月前
|
前端开发
|
6月前
|
缓存
监控
前端开发
CSS 提高性能的方法
【10月更文挑战第24天】在实际应用中，还需要根据具体项目的特点和需求，灵活选择和组合这些方法，不断进行优化和改进。同时，随着技术的不断发展，也需要持续关注新的性能优化技巧和最佳实践，以保持在性能优化方面的领先地位。你对 CSS 性能优化还有哪些深入的思考和经验呢？欢迎进一步交流和分享。
82
5
5
|
7月前
|
前端开发
容器
|
8月前
|
XML
前端开发
JavaScript
|
8月前
|
前端开发
JavaScript
|
7月前
|
前端开发
UED
|
8月前
|
前端开发
JavaScript
|
7月前
|
前端开发
|
9月前
|
前端开发
安全
容器
|
9月前
|
前端开发
容器
热门文章
最新文章
1
这个被忽略的CSS:hover隐藏用法，让交互设计师都跪了
2
CSS 居中方法总结
3
几种div/css布局的代码
4
Ext中FormPanel面板及Form控件横排测试(CSS)
5
css 颜色属性详细总结
6
HTML5实践 -- 介绍css3中的几个属性：text-shadow、box-shadow 和 border-radius
7
CSS 弹性布局 flex 属性详解
8
前端学习 -- Css -- display和Visibility
9
[转贴]欲练 CSS ，必先宫 IE
10
XML与CSS结合
1
H5、CSS3面试题，带走不用谢
88
2
深入理解css中的link 和 @import
181
3
CSS Flex布局实战案例：构建响应式卡片组件
204
4
学习css的clip-path属性
214
5
什么是CSS Sprite
79
6
使用CSS中的cursor属性值，常用的可设置参数，以及其他16中参数值的使用场景和示例代码
257
7
技术心得：xpath、CSS定位方法
125
8
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
314
9
CSS【详解】对齐 （含文本垂直对齐，文本水平对齐、单行文本垂直居中、多行文本垂直居中、6 种方案块级元素水平垂直居中 、7 种方案图片水平垂直居中、文本自适应对齐、图标和文本对齐，图片和文本对齐等）
378
10
CSS【详解】布局 display （ 含 flex 布局，grid 布局，table 布局，float 布局，响应式布局 等）
311