html里面的li里面文字怎样都居中呢？？
水平居中<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xht...
水平居中
<!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">
#city li{
display:block;
float:left;
height:30px;
width:70px;
background:blue;
list-sytle:none;
}
</style>
<script>
</script>
</head>
<body>
<ul id="city">
<li>北京</li>
<li>天津</li>
<li>石家庄</li>
<li>重庆</li>
<li>广州</li>
<li>珠海</li>
</ul>
</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">
#city li{
display:block;
float:left;
height:30px;
width:70px;
background:blue;
list-sytle:none;
}
</style>
<script>
</script>
</head>
<body>
<ul id="city">
<li>北京</li>
<li>天津</li>
<li>石家庄</li>
<li>重庆</li>
<li>广州</li>
<li>珠海</li>
</ul>
</body>
</html> 展开
4个回答
展开全部
1、首先打开可以编写前端代码的编辑器，新建一个test.html文件，HTML文件是前端页面文件，可以在浏览器直接打开查看效果。新建文件后写入基本的代码，如图所示。
2、接下来在body标签里面写入一个div标签，并在里面写一个ul标签，ul里面包含四个li标签，并写上1111,2222,3333,4444的文本。同时，还有写入id或class属性，以便于后面设置样式。
3、上一步的效果如图所示，可以看到，现在只是一个普通的列表，四个元素前面都有黑点。这是ul、li标签的默认样式。。
4、接着设置居中效果，在style标签里面写入如图所示代码，对元素的样式进行设置。
5、写入代码后，在浏览器里打开该文件，查看效果，如图所示，达到了居中的效果。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
li中加行高
line-height: ？？px;
再设置
text-align: center;
line-height: ？？px;
再设置
text-align: center;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2014-11-06 · 知道合伙人软件行家
yfcp
知道合伙人软件行家
采纳数：1748
获赞数：5545
有多年网站建设相关工作经验。熟悉ASP、ASP.net、VB、JavaScript、HTML等语言和CSS、Ajax等相关技术。
向TA提问 私信TA
关注
![]()
展开全部
#city li{
display:block;
float:left;
height:30px;
width:70px;
background:blue;
list-sytle:none;
text-align:left;
}text-align:left;居左
text-align:center;居中
更多追问追答
追问
如果想让它再垂直居中呢？应该怎么办？？
追答
#city{clear:both;width:70px;}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
