很诡异的li间距_html/css_WEB-ITnose

本帖最后由 hobo214 于 2013-02-26 10:43:14 编辑

具体网页在这里
http://www.esderive.com/Ch/index2.html



这里的li结构，我把相同的样式复制到新建的空白文件里，继承所有相同的样式，li之间是没有间距的，但是放到这个页面有出现诡异的间距了。。。
求解脱。。。

回复讨论(解决方案)

firebug 看下 ，是什么样式把它影响到了。

firebug 看下 ，是什么样式把它影响到了。

好像确实没有啊。
我用chrome找了好久。现在又一非常诡异的事出现了...我怀疑是不是有漏了结束标签。
但是看chrome解析的结构没问题，应该也不是这个问题。纠结中

你把红色地方去掉看下

.box ul li a{
height: 30px;
line-height: 30px;
}

.box ul li{
height: 30px;
white-space: nowrap;
}

body {
color: #303030;
font-family: "宋体",Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
line-height: 1.5em;
}

你把红色地方去掉看下

.box ul li a{
height: 30px;
line-height: 30px;
}

.box ul li{
height: 30px;
white-space: nowrap;
}

body {
color: #303030;
font-family: "宋体",Arial, Helvetica, sa……
还是这样哦。。。

http://www.esderive.com/Ch/index3.html
重写了个静态，没问题了。可是按这个静态套进动态页面又不行了，看来要检查下动态的标签是不是都关闭了

引用 3 楼 bbjbepzz 的回复:你把红色地方去掉看下

.box ul li a{
height: 30px;
line-height: 30px;
}

.box ul li{
height: 30px;
white-space: nowrap;
}

body {
color: #303030;
font-family: "宋体",……

下面那个height你没有去掉
.box ul li{
height: 30px;
white-space: nowrap;
}

引用 4 楼 hobo214 的回复:引用 3 楼 bbjbepzz 的回复:你把红色地方去掉看下

.box ul li a{
height: 30px;
line-height: 30px;
}

.box ul li{
height: 30px;
white-space: nowrap;
}

body {
color: #303030;
……
现在去了，看起来间距小了，但是li之间那个诡异的间距还是存在啊

.box ul li{
float:left;
white-space: nowrap;
}

好吧，结贴吧。li结束标签后面有空格。。。
这竟然影响到了样式。。。这是什么情况？