#html #css #css-tables
#HTML #css #css-таблицы
Вопрос:
Я пытаюсь создать таблицу CSS, которая (для целей макета) имеет заголовок вверху и внизу.
К сожалению, насколько я могу судить, display: table-caption все объединяется в одно пространство вверху. Это означает, что на самом деле отображается только заголовок «заголовок».
Вместо этого я пытался обрабатывать их как строки, но по какой-то причине их ширина привязана к ширине первого столбца таблицы. (Я делаю что-то не так здесь?) То же самое произойдет, если я сделаю их обычными div s с их шириной, установленной на 100% .
Есть ли другой, возможно, более элегантный способ создания подписей к нескольким таблицам? Я допустил какую-то глупую ошибку в своих попытках, которая испортила макет?
Комментарии:
1. Обработка их как строк создает неявное
display:table-cellзначение; без acolspan(которое вы не можете установить в CSS) они всегда будут частью первого столбца.
Ответ №1:
Поскольку вы используете CSS для макета (это не табличные данные), тогда нет причин использовать display:table-caption нижний колонтитул. Просто создайте обычный div, ширина которого равна ширине таблицы (или заполняет контейнер, который сжимает таблицу).
Редактировать: вот обновленный пример: http://jsfiddle.net/fCTpR/1 /
Комментарии:
1. Хотя этот ответ соответствующим образом оформляет таблицу, он не передает семантику, необходимую для доступности.