如何让li标签水平排列
时间: 2023-07-04 13:14:22 浏览: 275
在ul中使li水平布局的两种方法
5星 · 资源好评率100%
要让li标签水平排列,可以使用CSS中的display属性和float属性。具体来说,可以将li标签设置为inline或inline-block元素,然后使用float属性将它们排列在一行。例如:
```
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
float: left;
margin-right: 10px;
}
```
上述代码中,我们将ul元素的样式设置为无序列表的默认值,然后将li元素的display属性设置为inline-block,让它们可以水平排列。接着使用float属性将它们向左浮动,并设置一个右侧的margin值,以便让它们之间产生一定的间距。
阅读全文