<分区>
我有一张 table :
请看正确的TD。
黄色的 div 应该有它的高度(强制)。我需要垂直对齐 checkbox + SPAN
所以我把它们都写成:float:left玩过margin-top .
但是当我减小浏览器宽度时，SPAN正在下降:
我已经放了 no-wrap。
我不在乎文本 (td#2) 会被换行我只需要 check-box + span会在一起——永远在一起。
而且我不能使用 width在包装 div 上导致 Yes这里是英文的，但它是一个多语言网站。所以我需要文本适合其原始长度。
我该怎么做才能使这两个元素都不会被包装？
这里是 jsbin 。 Here it is
td{
border:solid 1px green;
}
.myCheck{
float:left;
margin-top:16px;
}
.mySpan{
float:left;
margin-top:12px;
}<table style='width:100%;' cellspacing=0 cellpadding=0>
<tr>
<td>
1
</td>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing tempor incididunt ut labore et
</td>
<td style='white-space:nowrap;'>
<div style='white-space:nowrap; height:50px;background-color:yellow;float:left;'>
<input type='checkbox' class='myCheck' />
<span class='mySpan'>Yes</span>
</div>
</td>
</tr>
</table>问题来了:
在 Firefox 中它确实包装了它，但在 Chrome 中它没有(它应该是这样)。