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

Question

我有两个单选按钮，如图所示

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

问题是，在无线电按钮和标签之间插入了一些空间

请在这里查看输出

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

从中可以看到，单选按钮和标签日期范围之间插入了一些空间。

Answer 1

您应该修复css，但是也许这应该立即解决问题：

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

它还将文本设置为单选按钮的标签，因此您可以单击文本进行更改，这比定位小的单选按钮容易得多。 别忘了在输入中添加“ id”

Answer 2

很难说没有看到要添加的页面的html和css，但是乍看之下，页面中的其他元素似乎会使要添加的容器变大-尝试更改大小页面上的表/ div数（并验证此理论，请尝试将相同的单选框添加到空白页面）