动态生成的等宽度选项卡项

Question

我正在创建需要宽度相等的标签，它会动态出现（2-8个标签页）。没有固定宽度，标签栏有流体宽度。我试图通过CSS实现它，但没有奏效。

演示：http://codepen.io/anon/pen/JdbMwR

<div class="main">
<ul class="list-inline sub-cat-tabs">
  <li>
    <div>
      <a href="javascript:void(0)" class="active"><span>2014-2015 2014-2015</span></a>
    </div>
  </li>
  <li>
    <div>
      <a href="javascript:void(0)" class=""><span>2015-2015</span></a> 
    </div>
  </li>
</ul>
</div>

Answer 1

您可以使用CSS固定表格布局，浏览器支持：IE8 +

http://jsfiddle.net/gashvbp6/

＆＃13;

＆＃13;

<type 'numpy.ndarray'>
[array([0, 1, 2]) array([0, 1, 2, 3]) array([0, 1, 4]) array([0, 1, 3, 4])
 array([2, 3])]

＆＃13;

.tabs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: table;
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}
.tabs li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border: 1px solid red;
}

＆＃13;

＆＃13;

＆＃13;