问题:尝试连续创建 6 个居中选项卡,但是因为我不能将所有 6 个选项卡保留在同一行。它确实使选项卡居中,但是将两个选项卡推到下面一行,并在第一行留下一个额外的空单元格。
我尝试使用 small-centered 并且没有任何区别。
版本:基础4
浏览器: Chrome - 最新
代码
<div class="row">
<div class="large-6 large-centered columns">
<div class="section-container horizontal-nav" data-section="horizontal-nav" >
<section class="section">
<p class="title"><a href="#">Tab 1</a></p>
</section>
<section class="section">
<p class="title"><a href="#">Tab 2</a></p>
</section>
<section class="section">
<p class="title"><a href="#">Tab 3</a></p>
</section>
<section class="section">
<p class="title"><a href="#">Tab 4</a></p>
</section>
<section class="section">
<p class="title"><a href="#">Tab 5</a></p >
</section>
<section class="section">
<p class="title"><a href="#">Tab 6</a></p>
</section>
</div>
</div>
</div>