android - 如何在屏幕左侧对齐/显示一个 materializecss float 按钮？

Question

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

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