Question

html中div块的内容居中问题。 在div中加了一个ul列表，但是文字总是向右偏，设置不了居中，求大家帮忙。

代码如下：
#alist { background-color:#CCCCCC; position:fixed ; width: 105px; left: 60px; top: 180px; font-family:微软雅黑;}#nav5{ Text-Align: Center; margin: 0 auto; position: relative;
}
<div id="alist"> <ul id="nav5"> <li style="list-style-type:none"><a href="" >清代以前</a> </li> <li style="list-style-type:none"><a href="" >清朝开埠时期</a> </li> <li style="list-style-type:none"><a href="" >中华民国时期</a> </li> <li style="list-style-type:none"><a href="" >中华人民共和国时期</a> </li> </ul> </div>

在SharePoint Designer 2007中显示是正确居中的，但是一用浏览器（ie、360）预览就不是居中了，求帮忙指点一下





Answer 1

是正确的啊你的代码我放到我的电脑上可以啊

我有看了 一下，你的这个在火狐上不行，你试试我写的这个代码吧

.o{

width:200px;

margin:0 auto;

overflow:hidden;

background-color: #6699FF;

}

.o ul{ padding:0; margin:0;}

.o li{ list-style-type:none; font-size:14px; color:#FFFFFF; text-align:center;}  

  

<div class="o">

  <ul>

   <li><a href="" >清代以前</a> </li>

   <li><a href="" >清朝开埠时期</a> </li>

   <li><a href="" >中华民国时期</a> </li>

   <li><a href="" >中华人民共和国时期</a> </li>

  </ul>

</div>

行的话请采纳。

Answer 2

在li标签中设置居中才是字体居中。