如何将输入和图像元素保留在同一行上

Question

我有一个包含许多列的表格。其中一列包含一个单元格，其中包含“输入”和“img”元素。当表格有足够的空间时，'input'和'img'元素出现在同一行上。当桌子被挤压时，这两个元素会在不同的线上结束。我想确保这两个因素永远不会结束在两条线上。

这里是我的HTML：

<td> 
    <input type="text" /><a href="#"><img src="..." /></a> 
</td> 

我已经尝试使用 “浮动：左” 和 “浮动：权” 的 'IMG' 元素。这样做并没有改变'img'元素在下面的线上的事实。它只是改变元素是在第二行的左侧还是右侧。也许我错过了什么？

Answer 1

可以使用white-space CSS属性如下：然而

td { white-space: nowrap; } 

我的建议是要更有力约列宽。给这个列足够高的宽度，以便浏览器在确定表格布局时不会“折叠”它。

Answer 2

尝试在td中放入一个nowrap。不确定这是旧式/异国情调的浏览器支持。

<td nowrap>