设置li之间距离2px
时间: 2024-02-15 16:02:32 浏览: 20
要设置li之间的间距为2px,可以使用CSS中的margin属性进行调整,将左右margin值均分为1px,如下所示:
```
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
display: inline-block;
margin: 0 1px;
}
```
在上面的示例中,我们将li元素的display属性设置为inline-block,使其变为行内块元素,并将左右margin值均分为1px,用于设置li之间的间距为2px。同时,我们还将ul元素的margin设置为0,用于去除默认的外边距。
相关问题
jquery mobile 用style设置 li之间的距离
你可以使用CSS样式来设置`<li>`之间的距离。在jQuery Mobile中,可以通过为`<ul>`或`<ol>`元素添加自定义类,并使用CSS来指定间距。
首先,在HTML中为`<ul>`或`<ol>`元素添加一个自定义类,例如`custom-list`:
```html
<ul class="custom-list">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
```
然后,在CSS中使用该自定义类来设置`<li>`之间的间距。你可以使用`margin`或`padding`属性来控制间距,具体取决于你想要的效果。
```css
.custom-list li {
margin-bottom: 10px; /* 设置下边距 */
}
```
这样,每个`<li>`元素之间就会有10像素的下边距。你可以根据需要调整间距大小。
html中如何调节li横向之间的距离
你可以在CSS中使用`margin-right`属性来调节`<li>`元素之间的横向距离。例如,如果你想要每个`<li>`元素之间的距离为10像素,可以在CSS中添加以下代码:
```
li {
margin-right: 10px;
}
```
这将在每个`<li>`元素的右侧添加10像素的外边距,从而实现横向距离的调节。你也可以使用`padding-right`属性来实现类似的效果,但是这会在`<li>`元素的内部添加间距而不是外部。