Атрибут nowrap

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

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

Синтаксис

<th nowrap>...</th>

Значения

Нет.

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

По умолчанию атрибут 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>TH, атрибут nowrap</title>
 </head>
 <body>

  <table width="400">
   <tr>
    <th nowrap>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem 
     nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat 
     volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution 
     ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
     Duis te feugifacilisi.</th>
   </tr> 
   <tr>
    <td>Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en 
     commodo consequat.</td>
   </tr> 
  </table> 

 </body>
</html>

Примечание

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

Код примера скопирован в буфер

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

Браузеры


3	12	1	3.5	1	1


4.4	4	6	1