Html 使按钮与基础居中

我正在尝试使用foundation将按钮居中，以下是我的代码：

<div class="row">
    <div class="small-6 small-centered columns">
        <a href="#" class="button">Default Button</a>
    </div>
</div>

---

看完这些文档后，我相信上面的内容应该会起作用，我是否遗漏了什么？

您的代码仅将列居中。默认情况下，列中的所有内容将按预期左对齐

+---+---+---+---+---+---+---+---+---+---+---+---+
|           |<a>                    |           |  
+---+---+---+---+---+---+---+---+---+---+---+---+

结果是：

+---+---+---+---+---+---+---+---+---+---+---+---+
|           |          <a>          |           |  
+---+---+---+---+---+---+---+---+---+---+---+---+

+---+---+---+---+---+---+---+---+---+---+---+---+
|           |                    |           |  
+---+---+---+---+---+---+---+---+---+---+---+---+

尝试列表：

• 用于按钮组…但它不是按钮组。好的..您尝试过文本中心吗？它不是文本。。。这是一个按钮

  +---+---+---+---+---+---+---+---+---+---+---+---+
  |           |          <a>          |           |  
  +---+---+---+---+---+---+---+---+---+---+---+---+
  

  <div class="grid-x grid-margin-x">
          <div class="cell small-4">&nbsp;</div>
          <div class="cell small-4"><a href="#" class="button">Default Button</a></div>
          <div class="cell small-4">&nbsp;</div>
  </div>