HTML的li如何横向显示?

发布网友发布时间：2022-04-28 16:20

共5个回答

热心网友时间：2022-04-19 23:25

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

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

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

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

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

热心网友时间：2022-04-20 00:43

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

热心网友时间：2022-04-20 02:18

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

热心网友时间：2022-04-20 04:09

河南新华专注互联网教育三十二年到校参观路费报销免费试听课程！欢迎了解！

热心网友时间：2022-04-20 06:17

li已经横向了，宽度不够