Как сохранить элементы Input и Image в одной строке

Question

У меня есть таблица со многими столбцами. Один из столбцов содержит ячейку, в которой есть элементы input и img. Когда в таблице достаточно места, элементы input и img появляются в одной строке. Когда стол раздавлен, два элемента оказываются на разных линиях. Я хотел бы убедиться, что эти два элемента никогда не окажутся в двух строках.

Вот мой HTML:

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

Я попытался использовать «float: left» и «float: right» для элемента «img». Это не изменило тот факт, что элемент 'img' был в строке ниже. Это только изменило, был ли элемент на левой или правой стороне второй линии. Может я что-то упустил?

Answer 1

Для этого можно использовать свойство CSS white-space:

td { white-space: nowrap; }

Мое предложение, однако, должно быть более решительным в отношении ширины столбца. Присвойте этому столбцу достаточно большую ширину, чтобы браузер не «свернул» его при определении макета таблицы.

Answer 2

Попробуйте положить Nowrap в тд. Не уверен, поддерживается ли это в старых / экзотических браузерах.

<td nowrap>