Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 4.0+ | 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Установить ширину таблицы в пикселах или процентах через стили.
Для определения ширины таблицы используйте стилевое свойство width, применяя его к селектору table, как показано в примере 1.
Пример 1. Ширина таблицы
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ширина таблицы</title> <style> table { width: 100%; /* Ширина таблицы в процентах */ } .col1 { width: 100px; /* Ширина ячейки */ } </style> </head> <body> <table border="1"> <tr> <td class="col1">Колонка 1</td> <td class="col2">Колонка 2</td> </tr> </table> </body> </html>
В данном примере ширина всей таблицы устанавливается как 100%, а ширина левой колонки 100px. Это достигается за счёт добавления свойства width к селектору td с именем определённого класса (<td class=»col1″>).
При использовании стилей для изменения ширины таблицы допустимо применять любые допустимые единицы измерения, а не только пикселы и проценты.
Сайт