Продолжение темы Изменения в форме ответа
☆ Исправления и дополнения в таблицах ☆
– Устранена ошибка с тегом code в таблицах
– Улучшения в CSS стилях таблицы *
– Добавлены новые атрибуты для тегов tr и td
Тег | Атрибут | Описание |
tr | valign | Задает выравнивание по высоте. |
td | width | Задает ширину ячейки. Формат: *%, *px, auto (по-умолчанию) |
td | colspan | Устанавливает число ячеек, которые должны быть объединены по горизонтали. |
td | rowspan | Устанавливает число ячеек, которые должны быть объединены по вертикали. |
bgcolor | Задает цвет фона ячейки. |
Пример с valign
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. | Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. |
[table layout=fixed width=100%] [tr valign=top] [td]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/td] [td]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/td] [td]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/td] [/tr] [/table]
Пример с width
50% | 25% | 25% |
[table layout=auto width=100%] [tr] [td width=50%]50%[/td] [td width=25%]25%[/td] [td width=25%]25%[/td] [/tr] [/table]
Пример с colspan
1 | 1 | 1 |
1 | colspan=2 | |
[table layout=fixed width=100%] [tr] [td]1[/td] [td]1[/td] [td]1[/td] [/tr] [tr] [td]1[/td] [td colspan=2]colspan=2[/td] [/tr] [/table]
layout=fixed - Ширина столбцов определяется исключительно шириной ячеек в первой строке или явно заданными значениями. Содержимое, которое не помещается в ячейку, будет обрезано или перенесено, но ширина столбца останется неизменной.
Применение: Используется для создания более предсказуемых и равномерных макетов таблицы, где важно сохранять фиксированные размеры столбцов независимо от их содержимого.








