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

Daz*_*zle 24 html css bulma

<div class="box">
 <button class="button">Center me</button>
</div>
Run Code Online (Sandbox Code Playgroud)

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

Moh*_*man 58

是的,有一种本地方式.

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

您可以使用以下代码:

<div class="box has-text-centered">
  <button class="button">Center me</button>
</div>
Run Code Online (Sandbox Code Playgroud)

演示:

<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>
Run Code Online (Sandbox Code Playgroud)

  • **对于Downvoter:**你能证明这一点吗? (3认同)
  • @ michaelsking1993`button`是一个内联元素,要影响一个内联元素,我们需要在父元素上添加属性。但是,如果您的应用程序中有很多按钮,则可以创建一个自定义类并将其添加到按钮上。这是一个[示例](https://jsfiddle.net/rjs0hjpt/) (2认同)