css - 使 列表居中对齐

Question

我正在将动态类“float-left”、“float-right”和“float-center”应用于列表，以将它们正确定位在我想要的位置，但由于没有 float:center;我尝试了边距，内联 block ； text-align:center..但没有任何作用..请检查这个 fiddle

 ul.tabs .center {
   margin:0 auto;
   text-align:center;
   overflow:hidden;
 }

 .float-center li{
   display:inline-block;
 }

http://jsfiddle.net/443E2/

Answer 1

使用以下代码:

.float-center {
    text-align: center;
}
.tabs.float-center li {
    display: inline-block;
    float; none;
    margin-left: -4px;  /* Fix for white spaces between li while using inline-block */
}
.tabs.float-center li:last-child {
    border-right: 1px solid #999;
}

查看更新 jsfiddler