CSS中ul用text-align:center居中为何序列没有居中
4 回答
慕丝7291255
TA贡献1859条经验 获得超6个赞
这个效果可以这么实现，直接用好像没有办法....
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
ul{ list-style:none;}
ul li span{ display:inline-block; width:10px; height:10px; background-color:red; margin-right:5px;}
</style>
</head>
<body>
<ul style="text-align:center; margin:0 auto; line-height:30px;">
<li><span></span>1432134</li>
<li><span></span>ajghlsdkghjhg</li>
<li><span></span>grtgyrg</li>
</ul>
</body>
</html>
慕盖茨4494581
TA贡献1850条经验 获得超11个赞
<style type="text/css">
#ex ul{
text-align:center}
...
<div id="ex">
<ul>
<li>新闻</li>
<li>谈论</li>
<li>体育</li>
<li>音乐</li>
<li>娱乐</li>
</ul>
</div
点没动，文字居中了
慕运维8079593
TA贡献1876条经验 获得超5个赞
text-align:center 与 <CENTER>
您可能会认为 text-align:center 与 <CENTER> 元素的作用一样，但实际上二者大不相同。
<CENTER> 不仅影响文本，还会把整个元素居中。text-align 不会控制元素的对齐，而只影响内部内容。元素本身不会从一段移到另一端，只是其中的文本受影响。
- 4 回答
- 0 关注
- 1065 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消