让标签li里面的文字居中？解决方法-HTML教程-爱易网页

让标签li里面的文字居中？解决方法

日期：2014-05-17　浏览次数：20904 次

让标签li里面的文字居中？

CSS code



<style type="text/css">
.div{
    position: relative;
    background-color: #fff;
    font-size:14px;
    z-index:1000;
    WIDTH: 490px;
    height:205px;
    margin:0 auto;
    top:260px;
    left:30px;
}

a{font-size:14px;}
ul{list-style:none;padding-top:80px; margin:auto;text-align:center;}
li{width:85px; text-align:center;line-height:30px;margin:0 13px;display:inline;}
</style>

HTML code



<div class="div">
<ul  >
<li><a href="#">关键词关键1</a></li>
<li><a href="#">关键词关键2</a></li>
<li><a href="#">关键词关键3</a></li>
<li><a href="#">关键词关键4</a></li>
<li><a href="#">关键词关键5</a></li>
<li><a href="#">关键词关键6</a></li>
<li><a href="#">关键词关键7</a></li>
<li><a href="#">关键词关键8</a></li>
<li><a href="#">关键词关键9</a></li>
<li><a href="#">关键词关键10</a></li>
</ul>
</div>

要让li里面的字居中，5个为一列，但是不知道怎么居中总是有问题，

这个是IE6上面显示的，下面的是IE8上面显示的，不知道怎么成这样的，希望CSS的高手帮忙看一下，要怎么改，在IE6和IE8上都居中，也是5个为一列

------解决方案--------------------

探讨
试了的，都不行，有一个float:left; 但是去掉float:left;就不能5个为一列了

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

让标签li里面的文字居中？解决方法

相关资料更多>

推荐阅读更多>