css - 对齐复选框 CSS

Question

我想将一些复选框与标签对齐，使复选框位于右侧的垂直行中，标签与左侧垂直行中的起始边缘对齐。

Answer 1

.row {
  display: flex;
}
.row label { flex: 1; max-width: 25%; }

<div class="container">
  <div class="row">
    <label>Label</label><input type="checkbox" />
  </div>
  <div class="row">
    <label>Label 2</label><input type="checkbox" />
  </div>
  <div class="row">
    <label>Label 3</label><input type="checkbox" />
  </div>
</div>