网站的基础6:如何集中锚标签?

时间:2016-06-28 12:48:06

标签: html css zurb-foundation zurb-foundation-6

我正在尝试在基础6中集中锚标记,我尝试了float-center类,但不是集中化,而是扩展了它:

wrong centering anchor

我的代码

<div class="column">
  <!-- some html -->
  <a class="large success button float-center">Sign Up</a>
</div>

1 个答案:

答案 0 :(得分:3)

因为float-center具有display:block css属性。从float-center代码中移除a,然后在text-center div中添加column类。

<div class="column text-center">
  <!-- some html -->
  <a class="large success button ">Sign Up</a>
</div>