<div class="box">
<button class="button">Center me</button>
</div>
<button class="is-center">
不管用。
是的,有一种原生方式。
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>
你也可以试试:
<div class="columns is-centered">
<div class="column is-half">
<button class="button">Center me</button>
</div>
</div>
快速修复:使用 style="text-align:center;" 将按钮包装在 div 中
<div style="text-align: center;">
<button class="button is-success">Center me</button>
</div>