CSS - выравнивание таблицы по всем столбцам

Question

У меня есть несколько столбцов в таблице с различной длиной текста. Я хотел бы, чтобы все столбцы имели одинаковые отступы влево и вправо, но со строкой, занимающей 100% ширины ... поэтому фактическое количество отступов должно быть назначено динамически. Возможно ли это?

Answer 1

К сожалению, блочная модель CSS, которая добавляет отступ к ширине или высоте элемента для определения размера, приводит к тому, что ширина или высота% значения не будут полезны для элемента с отступом.

Однако, если вам нужно, чтобы строка заполнила всю доступную ширину, но вам не важна ширина отдельных столбцов, вы можете установить только ширину таблицы и только отступы в ячейках:

table#foo { width: 100% }
table#foo td { padding: 5px 20px }

Answer 2

Можно назначить относительные значения для отступа padding-left: 5%; padding-right: 5%, но я не уверен, ведут ли они себя постоянно в разных браузерах (точнее, остается ли ширина таблицы постоянной, а 5% фактически относятся к таблица ).

В подобных случаях мне проще использовать ячейки между ячейками содержимого (содержащие только  ) и дать им относительную ширину. Они прекрасно подходят для набивки.