怎么设在html中无序列表<li>之间的距离

html-css042

怎么设在html中无序列表<li>之间的距离,第1张

在html中设置li标签之间的距离,最简单的就是用margin属性,margin:上边距 右边距 下边距 左边距;这样的格式来排列

如果是li标签内文字的话上下排列也可以设置一下行高

希望我的回答对你有所帮助,如果还有其他疑问,请继续追问我

第二种方法:

先给li设置相等的左右边距(margin-left,margin-right),用总宽度1000px减去所有的li(包含左右边距),剩余的平分到外部div的左右填充里(padding)。

第二种方法:

因为你的li都是两个字,也可以给li定义一定的宽度,同时设置li里的文字居中对齐(textalign:center)接下来的方法就跟第一种方法相同了。用总宽度1000px减去所有的宽度,(包含左右的1px细线),剩余的平分到外部div的左右填充里(padding)。

一般来说,调整列表li上下间距的方法有两个

第一个是给每个li标签设置绝对高度,如height:25px

第二个方法是给每个li标签设置行高相对高度,如line-height:150%或line-height:180%

当然还有其他的方法,这个需要你学号HTML和CSS了,这个设置间距的方法可以使用CSS来完成。

如果是要是列表无缝连接,可以在在CSS代码开始处添加*{margin:0padding:0}这是设置所有元素间距为零的写法,或者如楼下所说的方法也是可以的。

希望帮助到你!