li之间的空隙怎么解决

li之间的空隙怎么解决,第1张

1.删除所有的换行符.

2.讲父节点的ul的font-size设置为0然后设置li的font-size.

3.可以将li的标签不闭合.

4.可以设置负边距.  不过负边距是有负作用的.应为font-size是不同的.

没有完美的解决方案.

1、新建一个html文件,命名为test.html。

2、在test.html文件内,创建一个div模块,在div标签内,使用ul、li标签创建一个无序列表。

3、在test.html文件内,设置div的class为mydiv,主要用于设置div的css样式。

4、在css标签内,通过class设置div的宽度为300px,高度为200px,背景颜色为灰色。

5、在test.html文件内,再设置无序列表ul的样式 ,使用width属性设置其宽度为100px,同时使用margin属性设置其居中显示。

6、在浏览器打开test.html文件,查看实现的效果。

你是说横向间距还是竖向间距?

1.宽度/高度不正确

解决办法:给li定义适合的宽度再左浮动:{width:100pxheight:25pxfloat:left},100是宽度,25是高度,你可以定义成任何你需要的大小

2.给li定义了margin或padding的属性,或者给li外层的Div或其他容器定义了内部li的间距属性

解决办法:去除li的间距属性: li{margin:0padding:0}

打字不易,请采纳


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

原文地址:https://54852.com/bake/11530933.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存