UC知道css li 间距
来源：百度知道 编辑：UC知道 时间：2024/07/04 12:15:44
为什么下面的代码，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">
<!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">
可以使用 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;}
添加一行样式
#con3 li>img {margin: 0; padding: 0; float: left; clear: both;}
即可去除底部多余的空白， 事实上 这不是li的问题 是img的问题，关键在于 img中的 float: left; 呵呵
li里加个高
li{ height:159px;float:left;margin:0px; padding:0px;background:#ffff00; list-style-type:none;}
我咋没有看到点呢？？？？
你什么浏览器哦？