<input type="radio">与后面的<text></text>不对齐

Question

我的 <input type="radio">

我的表格不符合我的要求 <text></text>

后面。

Example of my form

Answer 1

下面看起来工作正常，要使其工作，您必须将单选按钮包装在 span 中，而不是包装 span 和文本 div。

真正的魔法是将输入控件放在 span 中并设置 span 的样式 sheet 以创建内容中心。这对你有用。

.center {
    vertical-align: middle; 
    display:inline;
}

<div>
    <span class="center">
       <input type="radio">
    </sapn> text of radio
</div>

jsfiddle 的工作演示：https://jsfiddle.net/hfu1zaxg/1/

Answer 2

首先你不应该使用 <text>，正如 DaFois 所说。使用 <label> 代替

label {
  display: flex;
}

<label>
  <input type="radio">
  Label Text
</label>