大佬教程收集整理的这篇文章主要介绍了html – 当内容包装在流布局中时,如何保持单选按钮或复选框及其标签,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
[ ] pepperoni [ ] anchovies [ ] mushrooms [ ] olives
编辑回应现在的建议.感谢您的建议.差不多了.它在Chrome,FF和Opera中完美地工作,但不是在IE9中.当页面CSS为label {white-space:nowrap}时,标记为:
<td> <div> <label> <input type="radio" name="pizza" checked="true" id="pepperoni" value="pepperoni" />pepperoni </label> <label> <input type="radio" name="pizza" id="anchovies" value="anchovies" />anchovies </label> <label> <input type="radio" name="pizza" id="mushrooms" value="mushrooms" />mushrooms </label> <label> <input type="radio" name="pizza" id="olives" value="olives" />olives </label> </div> </td>
TD在IE9中变为固定宽度;当浏览器窗口变窄时,TD不会缩小,我得到:
( ] pepperoni ( ) anchovies ( ) mushrooms ( ) olives
当我需要这个:
( ) pepperoni ( ) anchovies ( ) mushrooms ( ) olives
IE9有什么额外的技巧吗?我尝试在标签之间放置一个包含一个空格的跨度:…< / label>< span> < / span>< label> …但是没有工作.
white-space: nowrap;
上.
<span style="white-space: nowrap;"> <input type="checkbox" id="in1" /> <label for="in1">pepperoni</label> </span> <span style="white-space: nowrap;"> <input type="checkbox" id="in2" /> <label for="in2">anchovies</label> </span> <span style="white-space: nowrap;"> <input type="checkbox" id="in3" /> <label for="in3">mushrooms</label> </span> <span style="white-space: nowrap;"> <input type="checkbox" id="in4" /> <label for="in4">olives</label> </span>
编辑
如@xiaoyi所述,您还可以使用< label>本身作为容器:
<label style="white-space: nowrap;"> <input type="checkbox" /> pepperoni</label> <!-- etc -->
以上是大佬教程为你收集整理的html – 当内容包装在流布局中时,如何保持单选按钮或复选框及其标签全部内容,希望文章能够帮你解决html – 当内容包装在流布局中时,如何保持单选按钮或复选框及其标签所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。