我一直试图消除这两个标签之间的空间,我希望它们并排放置,但无济于事。我已经检查了 jQuery UI 的执行方式,但据我所知,他们的 CSS 与我的相同。我错过了什么?
.buttonset label {
width: 45%;
display: inline-block;
border: 2px solid #eee;
text-align: center;
padding: 5px 0px;
margin: 0px;
}
.buttonset label.checked {
border: 2px solid #5dccdb;
color: #5dccdb;
font-style: italic;
}
.buttonset input[type='radio'] {
display: none !important;
}
感谢任何帮助。
最佳答案
删除 HTML 中标签之间的空白:
演示 http://jsfiddle.net/w76rM/4/
有几种方法,其中三种最快的方法是注释掉空格、将所有元素放在一行中或将前一个标签的结尾 >
放在开头下一行。
1 - 在一行中:
<Label>...</label><Label>...</label>
2- 注释掉:
<Label></label><!--
--><Label></label>
3- >
下一行开头的前一个标签:
<Label></label
><Label></label>
带有注释掉空格的标记:
<div class="buttonset one_half">
<div>Twins</div>
<label for="twins_yes">
<input id="twins_yes" name="twins" type="radio" value="Yes">Yes</label><!--
--><label for="twins_no" class="checked">
<input id="twins_no" name="twins" type="radio" value="No" checked>No</label>
</div>
关于html - 标签之间持续存在不需要的空间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22696587/