Question

我正在使用materializecss。我有一个浮动按钮，工作正常，它显示在右下角，代码如下：

<div class="fixed-action-btn click-to-toggle">
<a class="btn-floating btn-large yellow accent-3"><i class="material-icons">menu</i></a>
<ul>
    <li><a class="btn-floating red" href="#disclaimer"><i class="material-icons">announcement</i></a></li>
    <li><a class="dropdown-button btn-floating blue" href="#state_selection"><i class="material-icons">language</i></a></li>
    <li><a class="btn-floating red" href="#"><i class="material-icons">email</i></a></li>
  </ul>
</div>

我想让按钮在左边对齐。在距离底部相同的高度，而不是在右侧，在左侧屏幕。我已经尝试过改变了：

<div class="fixed-action-btn click-to-toggle">

为：

<div class="fixed-action-btn click-to-toggle left-align">

还有：

<div class="fixed-action-btn click-to-toggle left">

并且没有一个有效。按钮继续在右侧。

如何将按钮对齐到左边？

Answer 1

你可以尝试添加另一个类并像这样做：

      .left-button{
       left: 23px;
       right: auto;
      }

然后是html

      <div class="fixed-action-btn click-to-toggle left-button">

如何在屏幕左侧对齐/显示materializecss浮动按钮？

1 个答案: