div内li标签间距_html ul li 横排 间距
时间: 2023-07-04 10:20:43 浏览: 1091
你可以通过设置CSS样式来控制`ul`和`li`元素之间的间距,具体的做法如下:
1. 控制`ul`元素的内边距(padding)和外边距(margin),来控制`li`元素之间的水平间距。
```css
ul {
padding: 0;
margin: 0;
}
li {
display: inline-block; /* 让li元素横向排列 */
margin-right: 10px; /* 设置li元素之间的水平间距 */
}
```
2. 控制`li`元素的内边距(padding)和外边距(margin),来控制`li`元素之间的水平间距。
```css
ul {
padding: 0;
margin: 0;
}
li {
display: inline-block; /* 让li元素横向排列 */
padding: 10px; /* 设置li元素内部的上下间距和左右间距 */
}
```
注意,以上两种方法都可以控制`li`元素之间的水平间距,但第二种方法会同时影响`li`元素内部的间距,需要根据实际情况进行选择。
阅读全文