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

Question

我正在使用Materialize，因此在卡片操作中需要将按钮对准卡片右侧。

这是代码：

<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>