实现Col / Card面板中心实现

Question

<div class="container">
<div class="row">
<div class="col s5 m5 l5">
<div class="card-panel small blue z-depth-3 center-align">
<h1> Hello </h1>
</div>
</div>
</div>
</div>

我尝试做的是使用Materialize的帮助程序类center-align将卡片面板置于列中，这不起作用，我也尝试在{ {1}}元素，也没有用

有人可以建议解决这个问题的方法吗？即使它必须是CSS

编辑：我确实尝试使用materialize的偏移量实用程序，但它只是搞得很多

Answer 1

当你推/拉你的柱子时，你可以实现居中。你总共有12个cols，为了这个例子，我们让你的列6宽而不是5。

  <div class="row"> 
      <div class="col s6 offset-s3"><span class="flow-text">Centered</span></div>
  </div>

我将行划分为3 - 6 - 3，总计为12，我想要的列居中。查看推/拉示例