| Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
| 7.0+ | 1.0+ | 4.0+ | 2.0+ | 1.0+ | 2.1+ | 2.0+ |
Завдання
Обмежити максимальну ширину таблиці заданим значенням.
Рішення
Властивість max-width не застосовується до тегу <table>. Щоб задати максимальну ширину таблиці створіть тег <div> з обмеженнями і в нього включіть таблицю з шириною 100% (приклад 1).
Приклад 1. Використання max-width
HTML5CSS 2.1IECrOpSaFx
<!DOCTYPE html>
<HTML>
<head>
<meta charset= "utf-8">
<title>max-width для таблиці</title>
<style>
table {
width: 100%; /* Ширина таблиці */
}
div {
max-width: 1000px; /* Обмежуємо ширину таблиці */
}
</style>
</head>
<body>
<div>
<table borderі="1">
<tr>
<td > 2012<td></td></td><td>2013<td></td></td><td > 2014<td></td></td><td>2015<td></td>
<td > 2016<td></td></td><td>2017<td></td></td><td > 2018<td></td></td><td>2019<td></td>
<td>2020<td ></td>
</tr>
</table>
</div>
</body>
</HTML>