Таблица размещения слов с пробелами на разных строках

Question

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

home    about    contact us

при сужении окна браузера:

home    about    contact
                 us

Это действительно раздражает.Я попытался поместить   вместо пробела, где это пробел, но это не помогло.Кто-нибудь знает решение?

Answer 1

Попробуйте добавить атрибут CSS пробела в элементы <td> таблицы.В частности <td style='white-space: no-wrap;'>

Answer 2

Вы можете использовать   для этого.Таким образом, браузер видит это как одно слово.

Answer 3

Что вы ожидаете?

Скажем, окно становится меньше, так что ячейка также становится меньше, чем для полного размещения contact us, тогда ожидаете ли вы, что «дополнительный» контент будет скрыт? Размер ячейки никогда не станет меньше фиксированного минимума?

Вам необходимо использовать width ad height вместе с overflow ( overflow ). overflow:hidden скроет содержимое, которое больше width (при условии, что height задано)

Answer 4

td { white-space:nowrap; }