html标签中单选按钮可以复选,html - 当内容包含在流布局中时，如何将单选按钮或复选框及其标签保持在一起 - 堆栈内存溢出...

当浏览器窗口变窄时，如何在文本换行时将单选按钮()或复选框[]及其标签保持在一起，这样我们就不会得到这样的结果：

[ ] pepperoni [ ] anchovies [ ] mushrooms [ ]

olives

编辑以回应nowrap建议。 谢谢你的建议。 快好了。 它适用于Chrome，FF和Opera， 但不适用于IE9 。 当页面CSS是label {white-space: nowrap}并且标记是：

id="pepperoni" value="pepperoni" />pepperoni

id="anchovies" value="anchovies" />anchovies

id="mushrooms" value="mushrooms" />mushrooms

id="olives" value="olives" />olives

在IE9中 TD变为固定宽度; 当浏览器窗口变窄时，TD不会收缩，我明白了：

( ] pepperoni ( ) anchovies ( ) mushrooms ( ) olives

当我需要这个时：

( ) pepperoni ( ) anchovies

( ) mushrooms ( ) olives

IE9还有其他技巧吗？ 我尝试在标签之间放置一个包含单个空格的范围： ... ...但这不起作用。