html - 站点 : How to centralize anchor tags? 的基金会 6

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

我正在尝试在基础 6 中集中一个 anchor 标记,我已经尝试了 float-center类,但不是集中化而是扩展:

wrong centering anchor

我的代码

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

最佳答案

因为 float-centerdisplay:block css 属性。从 a 标签中移除 float-center 并在 column div 中添加 text-center 类。

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

关于html - 站点 : How to centralize anchor tags? 的基金会 6,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38076706/

相关文章:

html - 需要 CSS 打印除最后一页以外的所有页面的页脚,最后一页不同的页脚

javascript - 边界不适用于 JS 游戏中的球

html - CSS - 制作小型居中响应式 youtube 视频

html - CSS translate breaks &lt;input&gt; 自动完成列表位置

css - 奇怪的绝对定位错误(或者我可能只是愚蠢)

css - 基金会 : how to change h2 font-size?

jquery 不适用于 Rails 和 Foundation 4

ember.js - 如果 block ,如何在 ember Handlebars 中输出开始或结束标记?

jquery - 移动全屏背景图片

css - sass:用像素计算百分比