通过设置
的 display 属性为 inline,并清除
- 的默认浮动,以及为列表项设置宽度,可以将 html 中的无序列表水平排列。具体步骤包括:1. 将
设为内联元素;2. 清除
- 的默认浮动;3. 设置列表项的宽度。
HTML 无序列表横向排列方法
display步骤:
float: none3. 设置列表项的宽度
width示例代码:
- 项目 1
- 项目 2
- 项目 3
这样,无序列表中的项目将水平排列,宽度为 150 像素。
前端入门到VUE实战笔记:立即学习
>在学习笔记中,你将探索 前端 的入门与实战技巧!

电话咨询

在线咨询

微信咨询