让标签li里面的文字居中？解决方法
日期：2014-05-17 浏览次数：20731 次
让标签li里面的文字居中？
要让li里面的字居中，5个为一列，但是不知道怎么居中总是有问题，
这个是IE6上面显示的，下面的是IE8上面显示的，不知道怎么成这样的，希望CSS的高手帮忙看一下，要怎么改，在IE6和IE8上都居中，也是5个为一列
------解决方案--------------------
- 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个为一列
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
