当浏览器窗口变窄时,如何在文本换行时将单选按钮()或复选框[]及其标签保持在一起,这样我们就不会得到这样的结果:
[ ] 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还有其他技巧吗? 我尝试在标签之间放置一个包含单个空格的范围: ... ...但这不起作用。