UC知道div +css设置li高度出现间隙的问题
来源：百度知道 编辑：UC知道 时间：2024/06/27 04:07:04
.Mbuttom {border:1px #F5AC01 solid; width:210px; padding:2px;height:200px;}
.Mbuttom ul li img { border:0px; display:inherit-block; vertical-align:sub;}
.Mbuttom ul { margin:0px auto;}
.Mbuttom ul li {text-align:left; list-style-type:none; vertical-align: sub;border:1px solid #ff0000; }
.Mbuttom ul li a { font-size:14px; color:#000;background:url(../images/img11.gif) repeat-x; display: block; padding-left:20px;text-decoration:none; vertical-align: sub; border:1px solid #ff0000;}
.Mbuttom ul li a:hover{font-size:14px; color:#000;background:url(../images/img_r3_c1.gif) repeat-x; padding-left:20px; text-decoration:none; vertical-align: sub;}
-------------无论是设置到.Mbuttom ul li a里还是设置在.Mbuttom ul li都会出现上下之间的间距！
.Mbuttom ul li img { border:0px; display:inherit-block; vertical-align:sub;}
.Mbuttom ul { margin:0px auto;}
.Mbuttom ul li {text-align:left; list-style-type:none; vertical-align: sub;border:1px solid #ff0000; }
.Mbuttom ul li a { font-size:14px; color:#000;background:url(../images/img11.gif) repeat-x; display: block; padding-left:20px;text-decoration:none; vertical-align: sub; border:1px solid #ff0000;}
.Mbuttom ul li a:hover{font-size:14px; color:#000;background:url(../images/img_r3_c1.gif) repeat-x; padding-left:20px; text-decoration:none; vertical-align: sub;}
-------------无论是设置到.Mbuttom ul li a里还是设置在.Mbuttom ul li都会出现上下之间的间距！
有很多标签都会有默认的margin或者padding，并且各个浏览器的默认值还不一样，最好在写网页前将默认的属性全去掉，用*通配符就行了。
例如：*{margin:0;padding:0;list-style:none;......},
有的时候图片之间会出现间隙，给图片加上float:left;就不会有了。还
如果实在不行的话
就用负值
也就是往相反的方向移动
比如margin-left:-1px;
这个问题我也遇到了 到现在没有解决 这个跟其他定义出现冲突 集体是什么情况 我也不太清楚
你可以把 ul li 换成 div p 的形式解决 用其他方式 都能做出同样的效果
给你一个网站 你可以在那里学习一下 说不定就有你想要的东西呢www.52css.com