分页页面不居中

Question

我一直试图让我的分页'PAGES'在它所在的div中居中，而不管它的大小有多大。我正在使用简单的分页脚本。如果页面是2或3页，那么当它达到6+时就可以了。它很时髦。

/ HTML

<div id='center'>
  <div class='pages_front'></div>
</div>

/ CSS

.front {
    float: left;
    overflow: hidden;
    padding: 3px 4px 5px 6px;
    margin: 3px 4px 5px 6px;
    height: 552px;
    width:850px;
}
.front li {
    float: left;
    display: inline;
    font-weight: bold;
    width: 190px;
    padding: 3px 4px 5px 6px;
    background: #E6E6FA;
    border: 1px solid #999999; 
    text-align: center;
    margin: 3px 4px 5px 6px;
    font: 12px Arial, Helvetica, Sans-serif;
    color: #4c4c4c;
    height: 262px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#center {
  display: block;
  margin:0 auto; 
  width:30%;
}
.pages_front {
    margin:0px;
    width: 800px;
    clear: both;
    display: inline;
}
.pages_front ul {

}
.pages_front ul li {
    float: none; 
    display: inline;
    margin-right: 3px;
}
.pages_front ul li a {
    padding: 3px 5px 2px;
    background: #eeeeee;
    color: #000;
}
.pages_front ul li.on a {
    background: #CCCCCC;
    color: #104E8B;
}
.pages_front ul li span span  {
    margin:0px;
    color: #bfbfbf;
    padding: 3px 5px 2px;
    background: #eeeeee;
}

的示例：

Answer 1

检查#center宽度，尝试将其更改为其他，maybie像素化值。