Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Заголовок документа</title> <style> th,td { border: 2px solid #666; } table.t1 { table-layout: fixed; width: 250px; } table.t2 { table-layout: auto; width: 100%; } </style> </head> <body> <h2>Пример свойства table-layout</h2> <h3>Table-layout: fixed; width: 160px</h3> <table class="t1"> <tr> <th>Страна</th> <th>Столица</th> <th>Город</th> </tr> <tr> <td>Россия</td> <td>Москва</td> <td>Санкт-Петербург</td> </tr> <tr> <td>Англия</td> <td>Лондон</td> <td>Манчестер</td> </tr> <tr> <td>Нидерланды</td> <td>Амстердам</td> <td>Хааге</td> </tr> </table> <h3>Table-layout: auto; width: 100%</h3> <table class="t2"> <tr> <th>Страна</th> <th>Столица</th> <th>Город</th> </tr> <tr> <td>Россия</td> <td>Москва</td> <td>Санкт-Петербург</td> </tr> <tr> <td>Англия</td> <td>Лондон</td> <td>Манчестер</td> </tr> <tr> <td>Нидерланды</td> <td>Амстердам</td> <td>Хааге</td> </tr> </table> </body> </html>