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

Описание

Атрибут nowrap в теге <th> предотвращает перенос текста внутри ячейки таблицы на новую строку. Этот устаревший атрибут заменён в HTML5 на CSS-свойство white-space: nowrap.

Пример использования:
<table border="1" width="150"> <tr> <th nowrap>Очень длинный заголовок который не должен переноситься</th> <th>Обычный заголовок</th> </tr> <tr> <td>Данные</td> <td>Данные</td> </tr> </table>

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

  • Устаревший атрибут (deprecated в HTML5)
  • Булевый атрибут (достаточно указать только имя)
  • Приводит к горизонтальному расширению таблицы
  • Может ухудшать адаптивность таблицы

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

<style> .no-wrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } </style> <table border="1" width="150"> <tr> <th class="no-wrap">Длинный заголовок с CSS nowrap</th> <th>Обычный заголовок</th> </tr> </table>

Рекомендации:

  • Используйте white-space: nowrap вместо атрибута
  • Добавляйте text-overflow: ellipsis для длинного текста
  • Сочетайте с overflow: hidden для контроля поведения
  • Для адаптивных таблиц используйте медиа-запросы

Ограничения:

  • Может нарушать адаптивность таблицы
  • Нет контроля над переполнением содержимого
  • Не поддерживает многоточие (...) при обрезке текста
  • Устаревший подход к управлению переносами

Примечание: Для лучшего контроля над текстом используйте:

  • CSS-свойство white-space с разными значениями
  • Свойство text-overflow для визуальных подсказок
  • Медиа-запросы для адаптивного поведения
  • JavaScript-решения для сложных случаев

Сравнение подходов:

Метод Преимущества Недостатки
nowrap атрибут Простота использования Устаревший, ограниченный функционал
white-space: nowrap Гибкость, современный стандарт Требует знания CSS