如何在 Materialise 卡片动作中正确对齐按钮

Question

我正在使用 Materialise，我需要在卡片操作中将一个按钮对齐到卡片的右侧。

这是代码：

<div class="card-action">
  <a href="#" class="right">This is a link</a>
</div>

这是结果：

如果我删除 class="right" 然后我得到这个结果：

我想要第二张图片的结果，除了按钮应该右对齐。我是否遗漏了有关具体化卡片动作的内容？我应该如何获得这种行为？

Answer 1

它应该是 right-align 而不是 right 并且您必须在 card-action div 上使用它。您可以在文档的 Helper 页面中检查对齐方式类。

<div class="row">
    <div class="col s12 m4">
        <div class="card blue-grey darken-1">
            <div class="card-content white-text">
                <span class="card-title">Card Title</span>
                <p>I am a very simple card. I am good at containing small bits of information. I am convenient because I
                    require little markup to use effectively.</p>
            </div>
            <div class="card-action right-align">
                <a class="btn blue" href="#">Right</a>
            </div>
        </div>
    </div>
</div>

Answer 2

您只需按以下方式提及对齐方式

<div class="card-action right-align">
   YOUR CONTENT WILL ALIGHT TO RIGHT
</div>

如何在 Materialise 卡片动作中正确对齐按钮

How to align a button right in Materialize card-action

materialize