Атрибут nowrap тега <td>

Описание

Атрибут nowrap для элемента <td> предотвращает автоматический перенос текста в ячейке таблицы. Это устаревший булевый атрибут, который следует заменять на CSS-свойство white-space: nowrap.

Пример использования (устаревший способ):
<table border="1" width="200"> <tr> <td nowrap>Очень длинный текст без переноса строки</td> </tr> </table>

Современная CSS-альтернатива:

<style> .no-wrap { white-space: nowrap; } </style> <table border="1" width="200"> <tr> <td class="no-wrap">Очень длинный текст без переноса строки</td> </tr> </table>

Рекомендации по управлению переносом текста:

Свойство CSS Эффект Когда использовать
white-space: nowrap Запрещает перенос текста Для заголовков или короткого важного текста
white-space: normal Разрешает перенос (по умолчанию) Для обычного текстового содержимого
overflow: hidden Скрывает выходящий за границы текст В сочетании с nowrap

Особенности работы:

  • При использовании nowrap текст может выходить за границы ячейки
  • Для контроля переполнения можно добавить overflow: hidden
  • CSS-решение предоставляет больше возможностей контроля

Ограничения устаревшего атрибута:

  • Не проходит валидацию в HTML5
  • Невозможно комбинировать с переносом в определенных местах
  • Может ухудшать адаптивность таблицы
  • Ограниченная функциональность по сравнению с CSS

Примечание: Для сложных случаев управления текстом используйте CSS-свойства white-space, word-break и overflow-wrap.