html ul li 行显示li 间距,[ 求助 ] 让ul li缩小行间距的CSS代码是什么?

博主在网页中插入RSS阅读器代码后遇到列表样式间距过大的问题,尝试了调整line-height、margin和padding等CSS属性,但未见成效。其他网友提供了多种解决方案,包括设置ul和li的margin和padding为0,以及使用浮动和清除浮动。经过尝试,最终通过清除默认样式并调整line-height成功解决了问题,但在不同浏览器间存在差异,还需进一步调整。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我在网页中插入如下一段RSS阅读器代码:

复制内容到剪贴板

代码:

Subscribe to RSS headline updates from:
Powered by FeedBurner

可是保存后,发现每行的列表样式间距特别大,怎么调也没用,哪位高人知道要怎么弄啊?????谢谢了!!!

[ 本帖最后由 caiying2007 于 2008-4-3 17:37 编辑 ]

作者: Keinam

发布时间: 2008-01-04

缩小行li的间距应改变行高line-height

li{line-height:20px;}

作者: expression

发布时间: 2008-01-04

margin/padding这两个是控制列表的间距。

作者: 帅青蛙

发布时间: 2008-01-04

expression 和 帅青蛙的方法都式了,还是没反应阿。。。。晕

3ea5351a8cf7b9ff9026bdd0091200e7.png

我把我那个RSS阅读器代码放到

里面的。

把li{ }这个放到

的里面的。

不知道是哪的毛病啊???

[ 本帖最后由 Keinam 于 2008-1-4 23:51 编辑 ]

作者: Keinam

发布时间: 2008-01-04

到底是哪的毛病啊?有人知道吗?

作者: Keinam

发布时间: 2008-01-05

#hight

{line-hight=20px;}

*****

试试,不行就试试a

作者: zhwf1025

发布时间: 2008-01-05

这个方法也不行啊。。。

3ea5351a8cf7b9ff9026bdd0091200e7.png

作者: Keinam

发布时间: 2008-01-06

复制内容到剪贴板

代码:

.feedburnerFeedBlock ul{clear:both; display:block;}

.feedburnerFeedBlock ul li p{ padding:0px; margin:0px; display:inline; float:left;}

/*#creditfooter{ display:none;}*/

.feedburnerFeedBlock ul li{padding:0px; margin:0px; display:block; clear:both;}

.feedburnerFeedBlock li .headline{ line-height:20px; float:left;}

[ 本帖最后由 testme 于 2008-1-6 12:58 编辑 ]

作者: testme

发布时间: 2008-01-06

{line-hight=20px;}

小伙子 是等号么??

作者: bstar

发布时间: 2008-01-06

照着testme的方法弄了,行间距是改变了!

491acdaf51f2d315393d6ada87933217.png

还有一个问题就是列表样式不在每行的最前端,这要怎么弄?谢谢testme!!!

[ 本帖最后由 Keinam 于 2008-1-6 13:40 编辑 ]

作者: Keinam

发布时间: 2008-01-06

ul和li在IE和FF下都有默认的margin和padding,最好先设成0,再来调整

作者: geniuswe

发布时间: 2008-01-07

先将margin和padding清零,他们就很紧密了

作者: hubird

发布时间: 2008-01-07

ul,li{margin:0;padding;0}放在css的最头头就可以了

2fa6a21dc8d5906ccdd01bd8edaf0ead.png

作者: aspic

发布时间: 2008-01-07

这个方法果然可以了!!!谢谢aspic 大侠

491acdaf51f2d315393d6ada87933217.png

作者: Keinam

发布时间: 2008-01-07

呵呵,有这事呀,又学了一招

作者: xkang

发布时间: 2008-01-08

还有一个问题

怎么控制 li 在网页中的显示条数啊???

作者: Keinam

发布时间: 2008-01-23

还有一个问题

怎么控制 li 在网页中的显示条数啊???

作者: Keinam

发布时间: 2008-01-23

我也了line-height:20px;,Dreamwaver里变了有效果的,但是IE里根本没效果,这是怎么回事啊,急!!

作者: zuzulu

发布时间: 2008-04-03

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值