Question

HTML的li如何横向显示？

一直在研究CSS和HTML。请问如何让LI横向显示？





Answer 1

1. 添加 float:left; 即可横向排列。

2. 添加 display: flex; 即可横向排列。当设置 display:flex时， float:left会失效。

3. 看你截图，li应该是已经实现横向排列了，只是宽度不够，导致字体竖向显示了。给li设置宽度应该就可以了
   

追问

能说一下具体操作嘛？刚学不久不是很熟

追答

给 li 标签设置宽度，我这里设置为200px，你根据自己的页面调整宽度大小
.menu li {
width: 200px; // 增加这一行代码
}

Answer 2

您好，首先您得将li转为块级元素，display:block，然后再浮动起来才行，因为li默认是行内元素。

Answer 3

可以用flex布局,ul{display:flex;}

Answer 4

一直在研究CSS和HTML。请问如何让LI横向显示？ 可以常试
display:inline-block。

Answer 5

可以常试
display:inline-block。