CSS标签丢失边距/填充

CSS标签丢失边距/填充,css,radio-button,label,Css,Radio Button,Label,我无法丢失两个单选按钮标签之间的填充和/或边距 这就是我到目前为止所做的: 到目前为止,我所尝试的: 强制设置外部div的宽度 将两个标签上的边距righth/left和padding right/left强制设置为0px 最简单的方法是使标签阻塞元素并使其浮动: 您需要调整行高以使文本保持垂直居中 或者,如果不可行,只需从标记中删除空白: 这个: <input id="appointment-yes" type="radio" name="set-appointment" valu

我无法丢失两个单选按钮标签之间的填充和/或边距

这就是我到目前为止所做的:

到目前为止,我所尝试的:

  • 强制设置外部div的宽度
  • 将两个标签上的边距righth/left和padding right/left强制设置为0px

最简单的方法是使标签阻塞元素并使其浮动:

您需要调整行高以使文本保持垂直居中


或者,如果不可行,只需从标记中删除空白:

这个:

<input id="appointment-yes" type="radio" name="set-appointment" value="yes" />
<label class="yes-label" for="appointment-yes"></label>
<input id="appoinment-no" type="radio" name="set-appointment" value="no" />
<label class="no-label" for="appoinment-no"></label>
<input id="appointment-yes" type="radio" name="set-appointment" value="yes" /><label class="yes-label" for="appointment-yes"></label><input id="appoinment-no" type="radio" name="set-appointment" value="no" /><label class="no-label" for="appoinment-no"></label>

变成:

<input id="appointment-yes" type="radio" name="set-appointment" value="yes" />
<label class="yes-label" for="appointment-yes"></label>
<input id="appoinment-no" type="radio" name="set-appointment" value="no" />
<label class="no-label" for="appoinment-no"></label>
<input id="appointment-yes" type="radio" name="set-appointment" value="yes" /><label class="yes-label" for="appointment-yes"></label><input id="appoinment-no" type="radio" name="set-appointment" value="no" /><label class="no-label" for="appoinment-no"></label>


谢谢。我最后增加了利润权:-3px;我的.是的标签解决了这个问题。