Question

我将动态类“float-left”，“float-right”和“float-center”应用到列表中，以便将它们正确放置在我想要的位置，但是为了居中，因为没有浮动：中心;我尝试使用边距，内联块; text-align：center ..但没有任何作用..请检查这个小提琴

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

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

http://jsfiddle.net/443E2/

Answer 1

检查此分叉 - http://jsfiddle.net/GzS7X/

我更改了此内容以<li>：

的内容为中心

.tab_content {
    padding: 20px;
    font-size: 1.2em;
    text-align:center;
}

Answer 2

使用以下代码：

.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

使<ul> <li>列表对齐中心</li> </ul>

2 个答案: