很诡异的li间距_html/css_WEB-ITnose
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结束标签后面有空格。。。
这竟然影响到了样式。。。这是什么情况?
推荐阅读
-
终于成为博客员的一员了,这是我的第一篇博文,写一个关于ul li内容宽度的问题和解决方案_html/css_WEB-ITnose
-
ul li的兼容性问题_html/css_WEB-ITnose
-
Web 开发中很实用的10个效果【附源码下载】_html/css_WEB-ITnose
-
如何设置
- 的点的大小,颜色,以及和文字的距离?_html/css_WEB-ITnose
-
ul li的兼容性问题_html/css_WEB-ITnose
-
和诡异的问题,求大神解答啊_html/css_WEB-ITnose
-
40款很奇异的名片设计,吸引你的眼球《下篇》_html/css_WEB-ITnose
-
div中ul ol li dl dt dd的用法_html/css_WEB-ITnose
-
消除ie6 7 输入框上下边与容器间的间距_html/css_WEB-ITnose
-
求问w3c html dom的api在哪里下载?高分求教!每次写属性方法都乱试,很耗时间_html/css_WEB-ITnose