今天在修改自己网站首页模板的时候发现一段LI前面老是出现一定距离的缩进(如下图),老朋友碰到了新问题,通过设置 li的list-style,margin,padding等属性仍旧如故,真是搞得头都大一圈。
试了很多办法不管怎么设置都无法去除,因为导入了Bootstrap等前端框架,一度以为是冲突引起的问题,花了大半天时间都未能解决问题,即查看浏览器调试,但没有发现影响布局的其它CSS代码,没办法了,只好问度娘,突然发现一个大家可能都会忽略的问题:那就是前面我们设置的LI的属性需针对UL设置才能起效果!
代码:
.box-body ul{
list-style-type:none;
padding:0;
margin:0;
}
.box-body ul li{
float: left;
width: 50%;
height: 176px;
text-align: center;
border:1px solid #eee;
background:#fff;
}
扫码关注公众号
长沙网站设计,长沙软件开发,长沙进销存开发,php进销存系统,ViooMa收银系统,ThinkPHP框架进销存系统
湘ICP备19023859号-1
Copyright©2020 长沙唯马网络科技有限公司. All Rights Reserved.
2022-07-01 18:56:05
我css设置了通配符*{ padding:0 margin:0}也不行啊
2021-03-11 14:44:58
然而我不会css然而我不会css然而我不会css然而我不会css然而我不会css
2020-02-12 01:02:50
2020-02-12 00:23:14
我也遇到这个问题了,解决