如何将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-spaceCSS属性:

td { white-space: nowrap; }

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