Атрибут nowrap

Добавление атрибута nowrap к элементу <td> заставляет текст внутри ячейки отображаться без переносов, одной сплошной строкой. Неправильное использование этого атрибута может привести к тому, что таблица будет слишком широкой и не поместится целиком на веб-страницу. Как следствие, появится горизонтальная полоса прокрутки. В любом случае, пользоваться подобной таблицей будет неудобно, из-за чего применение атрибута nowrap осуждается.

Данный атрибут устарел, взамен используйте стили.

Синтаксис

<td nowrap>...</td>

Значения

Нет.

Значение по умолчанию

По умолчанию атрибут nowrap не установлен.

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>TD, атрибут nowrap</title>
 </head>
 <body>
  <table width="400">
   <tr>
    <td nowrap>Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate 
     velit esse molestie consequat, vel illum dolore eu feugiat nulla 
     facilisis at vero eros et accumsan et iusto odio dignissim qui blandit 
     praesent luptatum zzril delenit au gue duis dolore te feugat nulla 
     facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci taion 
     ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat. 
     Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en 
     commodo consequat.</td>
   </tr> 
  </table> 
 </body>
</html>

Примечание

Чтобы запретить перенос текста в ячейке таблицы используйте стилевое свойство white-space со значением nowrap, добавляя его к селектору td.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>nowrap</title>
  <style>
   td {
    border: 1px solid red;
    white-space: nowrap;
   }
  </style>
 </head>
 <body> 
  <table>
   <tr>
    <td>Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate</td>
   </tr> 
  </table>
 </body>
</html>

Браузеры ?

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 03.01.2017
Редакторы: Влад Мержевич
Курс по вёрстке сайта на CSS Grid