Этой заметкой я хочу заглянуть в будущее, которое, надеюсь, будет не очень отдалённым. В будущее — потому что IE7 не поддерживает табличные значения свойства display, а с арены пока не сошёл.
Адекватной замены табличным свойствам, которая работала бы в IE7, на данный момент не существует. Многочисленные способы сымитировать табличные элементы на плавающих блоках дают весьма приблизительный результат и не гарантируют устойчивости, свойственной табличным элементам.
Display: table
Означает: «веди себя как таблица». По умолчанию этим значением обладает html-элемент table, он же таблица.
Поведение, типичное для таблицы: Читать полностью »
70 комментариев на «Табличные значения display: table, table-cell, table-row, table-column, и другие»
Andur (1 комментарий)
Ничего если честно не понял, но надеюсь комментарий оставить ради ссылки — устал все читать подряд, а может пройдет….
Княгиня (660 комментариев)
Спасибо за откровенность, однако Но пасаран!
Анатолий (1 комментарий)
Хорошо у Вас на сайте! Сделано для людей. Творчески и по делу! Считаю, только целеустремленный, настойчивый, трудолюбивый и конечно, одаренный человек, вести сайт в состоянии, достойно! Учусь в Старт Ап проекте. Продвинутый курс. Мне нравится! Как у Вас? Сколько уделяете сайту времени? Дружить предлагаю нашим коллегам по сайтостроению. Каким образом правильнее? Успехов Вам творческих, Благополучия! Слежу за обновлениями! Заходите в гости! Вам, буду рад!
фрэнк лэмпард (2 комментария)
Единственный действительно полезный материал о атрибутах таблиц. Нашёл то что нужно. Но как всегда от некоторых фишек пришлось отказаться из-за не кроссбраузерности. И почему множество юзеров до сих пор пользуются ишаком???
Irene (1 комментарий)
Очень удивила фраза:
«вертикальное выравнивание на содержание такого элемента не действует;»
это у чему сказано? и на чем основано?
Княгиня (660 комментариев)
Это у тому сказано, что таково поведение элементов с типом отображения «таблица». Вертикальное выравнивание надо применять к его потомкам, которым назначен тип «табличная ячейка».
art (1 комментарий)
одна проблема остается, как выровнять этот тег Display: table-cell по центру страницы )?
Княгиня (660 комментариев)
А зачем вам одиночный table-cell посреди страницы, и почему именно table-cell? Скорее всего, его придётся поместить в контейнер с display:table и центрировать последний посредством margin:auto. Но я в такой конструкции не вижу практического смысла.
Наталья (1 комментарий)
Спасибо огромное! Наконец-то нашла у Вас полезную информацию о таблицах! У меня всё заработало!!!
Сергей
Не подскажете, в чем может быть проблема, — в таблице, созданной таким образом и с элементами table row залитыми сплошным фоном(по отдельности каждый) появляются однопиксельные зазоры между элементами. Border-collaplse не помогает.
Спасибо заранее.
Княгиня (660 комментариев)
Заочно не скажу. Попробуйте обнулить margin, padding и border. Если поможет, убирайте по одному, пока не выясните — кто виноват.