这个不仅可以用在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; 超出部份隐藏; 清除;}这是我昨天刚做的一个导航，用到无序列表了，对他的属性进行了简单的设置，你看下。ul{
color:#FFFFFF;
width:980px;
padding:10px;
margin:0px;
background:url(bgjpg);
height:0px;
}
ul li{
float:left;
list-style-position:inside;
font-size:12px;
width:58px;
margin-left:0px;
}你这这样行吗？ <style> div#byitem ulhorz { clear: left; list-style-type: none; vertical-align: bottom; } div#byitem ulhorz li { float: left; text-align: center; width: 100px; //通过控制这个的大小来控制与间的距离，宽与它的值一样就是间的距离为0。 } #byitem { width: 600px; vertical-align: bottom; } </style> <div id="byitem"> <ul> <li> <ul class="horz"> <li><img src="images/agif" alt="img02" width="100" height="50" /></li> <li><img src="images/bgif" alt="img01" width="100" height="50" /></li> <li><img src="images/cgif" alt="img03" width="100" height="50" /></li> <li><img src="images/dgif" alt="img04" width="100" height="50" /></li> <li><img src="images/egif" alt="img05" width="100" height="50" /></li> </ul> </li> </ul> </div>padding-right没效果是因为是设定的是float:left;你改成float:right;就行了
或者你把padding-right改为padding-left;
不知道是不是解决了你的问题
不过我隐约觉得问题还有其他意思，是不是你想li撑满ul的宽度？
我给你改一下好了
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
10
Transitional//EN"
">
css控制li和ul的边距,可以使用margin属性来实现或者padding属性都可以，在设置width和height属性时，计算好各自的距离。
然后设置多少px就可以实现，下面介绍了一下简单的控制和去掉li前面圆点的方法。
即把li变为行内元素且可以设置宽高以及边距，这样也有一个问题，低版本的Ie浏览器不兼容inline-block，建议在其后再加两个属性兼容低版本ie。
你是要DIV里面的每个UL LI标签之间有间距么，可以用ul li{ float:left; magin-left:10px(自己调)；magin-top:10px(上下的，自己 调)}欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）