<input type =“radio”/>后面没有与<text> </text>对齐

时间:2017-12-07 17:18:12

标签: html css text radio-button html-input

<input type="radio">

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

背后。

Example of my form

2 个答案:

答案 0 :(得分:0)

下面工作正常看看,要使它工作你必须在span中包装你的单选按钮,而不是包裹span和text div。

真正的魔力是你将输入控件放在span中并设置span的样式表以使内容居中。这对你有用。

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

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

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

答案 1 :(得分:0)

首先,你不应该使用<text>,正如DaFois所说。请改用<label>

label {
  display: flex;
}
<label>
  <input type="radio">
  Label Text
</label>