如何在 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-actiondiv 上使用它。您可以在文档的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>