如何将Input和Image元素保持在同一行

Question

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

这是我的HTML：

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

我尝试在'img'元素上使用“float：left”和“float：right”。这样做并没有改变'img'元素在下面这一行的事实。它只会改变元素是在第二行的左侧还是右侧。也许我错过了什么？

Answer 1

您可以使用white-space CSS属性：

td { white-space: nowrap; }

然而，我的建议是对列宽更有力。为此列提供足够高的宽度，以便浏览器在计算表格布局时不会“折叠”它。

Answer 2

尝试将一个nowrap放入td。不确定旧版/异国浏览器是否支持此功能。

<td nowrap>