css li 间距
为什么下面的代码，LI和LI里面的图片之间的行间距始终有一点点。如何去掉？<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitio...
为什么下面的代码，LI和LI里面的图片之间的行间距始终有一点点。如何去掉？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#con3{margin:0px; padding:0px; float:left}
ul{ background:#ff4400; list-style-type:none ; width:900px; margin:0px; padding:0px;}
li{ background:#ffff00; float:left; list-style-type:none; margin:0px; padding:0px;}
</style>
</head>
<body>
<div id="con3">
<ul >
<li><img src="http://www.kooeo.com/ad1.jpg" border="0" /></li>
<li><img src="http://www.kooeo.com/ad1.jpg" border="0" /></li>
<li><img src="http://www.kooeo.com/ad1.jpg" border="0" /></li>
<li><img src="http://www.kooeo.com/ad1.jpg" border="0" /></li>
<li><img src="http://www.kooeo.com/ad1.jpg" border="0" /></li>
<li><img src="http://www.kooeo.com/ad1.jpg" border="0" /></li>
</ul>
</div>
</body>
</html> 展开
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#con3{margin:0px; padding:0px; float:left}
ul{ background:#ff4400; list-style-type:none ; width:900px; margin:0px; padding:0px;}
li{ background:#ffff00; float:left; list-style-type:none; margin:0px; padding:0px;}
</style>
</head>
<body>
<div id="con3">
<ul >
<li><img src="http://www.kooeo.com/ad1.jpg" border="0" /></li>
<li><img src="http://www.kooeo.com/ad1.jpg" border="0" /></li>
<li><img src="http://www.kooeo.com/ad1.jpg" border="0" /></li>
<li><img src="http://www.kooeo.com/ad1.jpg" border="0" /></li>
<li><img src="http://www.kooeo.com/ad1.jpg" border="0" /></li>
<li><img src="http://www.kooeo.com/ad1.jpg" border="0" /></li>
</ul>
</div>
</body>
</html> 展开
展开全部
添加一行样式
#con3 li>img {margin: 0; padding: 0; float: left; clear: both;}
即可去除底部多余的空白， 事实上 这不是li的问题 是img的问题，关键在于 img中的 float: left; 呵呵
#con3 li>img {margin: 0; padding: 0; float: left; clear: both;}
即可去除底部多余的空白， 事实上 这不是li的问题 是img的问题，关键在于 img中的 float: left; 呵呵
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以使用 letter-spacing:*px; 来控制文字间距，*px是指间距像素
这个不仅可以用在li里，其它需要文字排版的地方都可以使用
例：
.list li {width:200px; text-align:center; height:22px; line-height:22px; letter-spacing:5px; overflow:hidden; clear:both;}
说明.list li {li宽度200px; 文字居中; li高度22px; 行高22px; 字间距5px; 超出部份隐藏; 清除;}
取消CSS中 li 之间的空白节点：
li{ float: left; list-style: none;}
这个不仅可以用在li里，其它需要文字排版的地方都可以使用
例：
.list li {width:200px; text-align:center; height:22px; line-height:22px; letter-spacing:5px; overflow:hidden; clear:both;}
说明.list li {li宽度200px; 文字居中; li高度22px; 行高22px; 字间距5px; 超出部份隐藏; 清除;}
取消CSS中 li 之间的空白节点：
li{ float: left; list-style: none;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
li里加个高
li{ height:159px;float:left;margin:0px; padding:0px;background:#ffff00; list-style-type:none;}
li{ height:159px;float:left;margin:0px; padding:0px;background:#ffff00; list-style-type:none;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我咋没有看到点呢？？？？
你什么浏览器哦？
你什么浏览器哦？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
