css样式里li列表里 文字间距怎么设置?
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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>
<style>
body { font-family:Verdana; font-size:14px; margin:0;}
#indexx {margin:0 auto; width:900px;}
#headx { height:100px; background:red; margin-bottom:3px;}
#ok { height:30px; background:#09c; margin-top:3px;}
#content{height:500px; margin-top:5px;}
#left{float:left;width:200px;height:500px;background:#9ff;}
#right{float:right;width:700px;height:500px;}
#ri{height:200px;background:#eeee11;}
#rx{height:300px;background:#FF69B4;}
#foot{height:80px;background:red;}
ul.inventory{ list-style-type: none;}
li{float:left}
</style>
</head>
<body>
<div id="indexx">
<div id="headx"></div>
<div id ="ok"></div>
<div id="content">
<div id="left"><ul class="inventory"><li>访问量</li><li>留言</li><li >更新</li></ul></div>
<div id="right">
<div id="ri"></div>
<div id="rx"></div>
</div>
</div>
<div id="foot"></div>
</div>
</body>
</html>
代码贴出了 我想让字 横向排列上有间距...我知道很简单给了5分谁答对第一时间给分. 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
body { font-family:Verdana; font-size:14px; margin:0;}
#indexx {margin:0 auto; width:900px;}
#headx { height:100px; background:red; margin-bottom:3px;}
#ok { height:30px; background:#09c; margin-top:3px;}
#content{height:500px; margin-top:5px;}
#left{float:left;width:200px;height:500px;background:#9ff;}
#right{float:right;width:700px;height:500px;}
#ri{height:200px;background:#eeee11;}
#rx{height:300px;background:#FF69B4;}
#foot{height:80px;background:red;}
ul.inventory{ list-style-type: none;}
li{float:left}
</style>
</head>
<body>
<div id="indexx">
<div id="headx"></div>
<div id ="ok"></div>
<div id="content">
<div id="left"><ul class="inventory"><li>访问量</li><li>留言</li><li >更新</li></ul></div>
<div id="right">
<div id="ri"></div>
<div id="rx"></div>
</div>
</div>
<div id="foot"></div>
</div>
</body>
</html>
代码贴出了 我想让字 横向排列上有间距...我知道很简单给了5分谁答对第一时间给分. 展开
2个回答
展开全部
可以使用 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; 超出部份隐藏; 清除;}
这个不仅可以用在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; 超出部份隐藏; 清除;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
