☰

ブルマ: ボタンをボックスの中央に配置するにはどうすればいいですか? 質問する

tag-icon • tag-icon html css bulma
ブルマ: ボタンをボックスの中央に配置するにはどうすればいいですか? 質問する 
<div class="box">
 <button class="button">Center me</button>
</div>

<button class="is-center">動かない。

ベストアンサー1

はい、ネイティブな方法があります。

Bulma は、テキストと要素has-text-centeredを中央に配置するためのクラスを提供します。inlineinline-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>

おすすめ記事