Html中怎样调整(无序)ul列表中li的上下间距啊

Html中怎样调整(无序)ul列表中li的上下间距啊,第1张

一般来说,调整列表li上下间距方法有两个
第一个是给每个li标签设置绝对高度,如height:25px;
第二个方法是给每个li标签设置行高相对高度,如line-height:150%或line-height:180%;
当然还有其他的方法,这个需要你学号HTML和CSS了,这个设置间距的方法可以使用CSS来完成。
如果是要是列表无缝连接,可以在在CSS代码开始处添加{margin:0;padding:0;}这是设置所有元素间距为零的写法,或者如楼下所说的方法也是可以的。
希望帮助到你!

你设置了四周10PX的margin,下边也会有的啊,,
你的容器没有做溢出隐藏,
你可以这样设置
margin:0 10px 0 10px 或者margin-left:10px;margin-right:10px;
如果你说的是下面出现的间隔的话,
如果不是,,那你最好截个大点的图,说详细点。

可以尝试以下初始化代码:

body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input{ margin:0; padding:0;}

h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}

ol,ul{ list-style:none;}

img,fieldset{ border:0 none; display:block;}

由于各个版本的浏览器,对一些标签的初始值不一样,我们需要帮它们初始化成一样的,用于兼容各个版本的浏览器。

var oLi = documentgetElementsByTagName("li");
for(var i=1;i<=oLilength;i++){
if(i%4==0 && i!=0){
oLi[i-1]stylemarginRight = '0px';
}
}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/13391278.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-27
下一篇 2023-07-27

发表评论

登录后才能评论

评论列表(0条)

保存