CSS HTML

Длинные строки в ячейках таблиц и атрибут table-layout

После добавления сегодняшней записи MySQL Session Manager заметил что очень длинные строки кода рвут дизайн (старый, которого уже нет).

Долго не мог понять в чем дело, ведь код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body>
<div style="width:100%">
<div style="width:100%;overflow-x:auto;">ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ</div>
</div>
</body>
</html>

а если все это поместить в таблицу то ячейка разлазиться (работает только в FireFox > 1.5)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body>
<table width="100%" height="100%" border="0">
<tr><td>
<div style="width:100%;overflow-x:auto;">ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ</div>
</td></tr>
</table>
</body>
</html>

Путем загугливания проблемы выискалось одно забавное CSS -свойство table-layout. Которое надо использовать вот таким образом


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body>
<table width="100%" height="100%" border="0" style="table-layout:fixed;">
<tr><td>
<div style="width:100%;overflow:auto;">ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ</div>
</td></tr>
</table>
</body>
</html>
Теги:
строка, таблица, table-layout
Похожие новости:
Добавлено: 23 Апреля 2018 12:22:52 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...