如何删除HTML组件和LAbel之间的间距

时间:2011-05-11 07:05:04

标签: javascript css

我有两个收音机按钮,如图所示

container.insert('<input type="radio" name="sex" value="Date Range"/> Date Range');
container.insert('<input type="radio" name="sex" value="Duration"/> Duration ');

问题在于,Radio Buton和标签

之间插入了一些空间

请参阅此处的输出

http://www.tiikoni.com/tis/view/?id=924d1b7

从中可以看出,在单选按钮和标签日期范围

之间插入了一些空格

2 个答案:

答案 0 :(得分:1)

你应该修复css,但也许这应该立即解决问题:

<span><input type="radio" name="sex" id="Duration" value="Duration"/>
<label for="Duration">Duration</label></span>

它还将文本设置为单选按钮的标签,因此您可以单击文本进行更改,比定位小单选按钮容易得多。不要忘记将“id”添加到输入

答案 1 :(得分:0)

很难说没有看到你要添加的页面的html和css,但乍一看,它看起来像页面中的其他元素导致你要添加的容器变得更大 - 尝试更改页面上表格/ div的大小(并验证此理论,尝试将相同的单选框添加到空白页面)