如何使用Materialise CSS对按钮进行居中对齐？

Question

我似乎无法在Materialise网站上找到关于元素定位的任何文档.任何人都可以帮我中心这个按钮吗？提前致谢.

<div id="div">

    <a class="waves-effect waves-light btn-large blue"><i class="material-icons right">cloud</i>Enter</a>

</div>

#div {
  width: 100%;
  height: 100vh;
}

Answer 1

垂直对齐:
使用包装器并给包装器一类.valign-wrapper

<div class="valign-wrapper">
  <h5>This should be vertically aligned</h5>
</div>

水平对齐:
使用.left-align,.right-align,.center-align该元件上居中.

见文档.

Answer 2

您可以使用materialize class center-align将按钮居中,但可以使用它<p>或<div>标记.因为<a>标签是内联块标签.

这是代码.

<p class="center-align">
 <a class="waves-effect waves-light btn-large blue"><i class="material-icons right">cloud</i>Enter</a>
</p>