4 
<div class="row">
  <div class="large-12 columns">
    <ul class="button-group ">
      <li><a class="tiny secondary button" href="#">3 months</a></li>
      <li><a class="tiny secondary button" href="#">6 months</a></li>
      <li><a class="tiny secondary button" href="#">9 months</a></li>
      <li><a class="tiny secondary button" href="#">1 year</a></li>
      <li><a class="tiny secondary button" href="#">2 years</a></li>
    </ul>
  </div>
</div>

と列に追加しようとしtext-centerましたがul、成功しませんでした。large-centered

ボタンのグループを中央に配置するクラスがあると思いますがfoundation、見つかりませんでした。

http://jsfiddle.net/vZdbY/1/

4

2 に答える 2

7

の使用にul合わせて、タグの親要素に与えます。lidisplay: inline-blocktext-align: centerul

.large-12.columns {  /* applies to the div which has the both classes */
    text-align: center;
}

ul.button-group{
    display: inline-block;
}

働くフィドル

フィドルの作業（ display: inline-block to を使用li）

于 2013-08-28T15:06:53.197 に答える