布尔玛:你如何将一个按钮放在盒子中心？

Question

<div class="box">
 <button class="button">Center me</button>
</div>

<button class="is-center"> 不管用.

Answer 1

是的,有一种本地方式.

Bulma提供has-text-centered用于居中文本inline和inline-block元素的类.

您可以使用以下代码:

<div class="box has-text-centered">
  <button class="button">Center me</button>
</div>

演示:

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.2/css/bulma.css" rel="stylesheet"/>
<div class="box has-text-centered">
 <button class="button">Center me</button>
</div>