欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-06-06 09:51:07
...
本帖最后由 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结束标签后面有空格。。。
这竟然影响到了样式。。。这是什么情况?

相关标签: 很诡异的li间距