如何在不使用额外的 div 或元素的情况下将列表项集中在 ul 内。我有以下内容。我想text-align:center
就可以了。我似乎无法弄清楚。
<style>
ul {
width:100%;
background:red;
height:20px;
text-align:center;
}
li {
display:block;
float:left;
background:blue;
color:white;
margin-right:10px;
}
</style>
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
检查jsfiddlehttp://jsfiddle.net/3Ezx2/1/ http://jsfiddle.net/3Ezx2/1/
write display:inline-block
代替float:left
.
li {
display:inline-block;
*display:inline; /*IE7*/
*zoom:1; /*IE7*/
background:blue;
color:white;
margin-right:10px;
}
http://jsfiddle.net/3Ezx2/3/ http://jsfiddle.net/3Ezx2/3/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)