带输入的垂直居中标签

Question

使用以下布尔玛代码

<div class="container">
    <div class="field is-horizontal">
      <label class="label">test</label>
      <div class="control is-horizontal">
        <input class="input" type="text" placeholder=""  />
      </div>
    </div>
</div>

Fiddle

它不会将标签与输入垂直居中。

是否有 bulma 修饰符可以实现此目的？

Answer 1

原来你需要把你的标签包装在一个字段标签中

<div class="field-label is-normal">
  <label class="label">test</label>
</div>

带输入的垂直居中标签

Vertically centering label with input

bulma