通过设置

的 display 属性为 inline，并清除
• 的默认浮动，以及为列表项设置宽度，可以将 html 中的无序列表水平排列。具体步骤包括：1. 将
  设为内联元素；2. 清除
  • 的默认浮动；3. 设置列表项的宽度。

HTML 无序列表横向排列方法

display

步骤：

float: none

3. 设置列表项的宽度

width

示例代码：

项目 1
  
项目 2
  
项目 3

这样，无序列表中的项目将水平排列，宽度为 150 像素。

前端入门到VUE实战笔记：立即学习
>在学习笔记中，你将探索 前端 的入门与实战技巧！