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

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

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

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

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

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

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

希望帮助到你!

运用CSS

<style>

p.zhengchang {line-height:100%} /*文字高度距离*/

p.jianju {letter-spacing:100%}  /*文字间距*/

/*这样就可以一样了*/

</style>

HTML示例

<p class="zhengchang jianju">

23333333333333333  <br/>

23333333333333333  <br/>

23333333333333333  <br/>

23333333333333333  <br/>

<!--不知道为什么我打不出换行符br-->

</p>

<div style= “line-height:50px”>块元素1</div>

<div style= “line-height:50px”>块元素2</div>

就是在标签上添加line-height属性就可以了。


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

原文地址: http://outofmemory.cn/zaji/8338677.html

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

发表评论

登录后才能评论

评论列表(0条)

保存