• Теория
  • Теория

Строчная таблица

Итак, мы рассмотрели все возможные элементы CSS-таблиц. Дальше мы опробуем эти элементы на практике, а также изучим ещё некоторые особенности CSS-таблиц.

В CSS существуют блочные block и строчные inline элементы. Есть также и блочно-строчные inline-block элементы, сочетающие свойства обоих типов.

Таблицы при этом имеют свой собственный тип table, но ведут себя в потоке документа как блоки, то есть занимают отдельную строку. Существует ли возможность сделать таблицу «строчной», чтобы она располагалась в одной строке с другими строчными элементами? Да! И такое поведение таблицы задаётся свойством display: inline-table.

Попробуем создать строчную таблицу.

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. До 11 апреля цена 20 900 ₽22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Таблицы на CSS» тренажёра «Табличные раскладки» можно после регистрации и оформления подписки.