Табличные значения display: table, table-cell, table-row, table-column, и другие (страница комментариев 4)

10 октября 2011. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.

Этой заметкой я хочу заглянуть в будущее, которое, надеюсь, будет не очень отдалённым. В будущее — потому что IE7 не поддерживает табличные значения свойства display, а с арены пока не сошёл.

Адекватной замены табличным свойствам, которая работала бы в IE7, на данный момент не существует. Многочисленные способы сымитировать табличные элементы на плавающих блоках дают весьма приблизительный результат и не гарантируют устойчивости, свойственной табличным элементам.

Display: table

Означает: «веди себя как таблица». По умолчанию этим значением обладает html-элемент table, он же таблица.

Поведение, типичное для таблицы: Читать полностью »

70 комментариев на «Табличные значения display: table, table-cell, table-row, table-column, и другие»
  1. Andur (1 комментарий)

    Ничего если честно не понял, но надеюсь комментарий оставить ради ссылки — устал все читать подряд, а может пройдет….

    Ответить на этот комментарий
    • Княгиня (660 комментариев)

      Спасибо за откровенность, однако Но пасаран!

      Ответить на этот комментарий
  2. Анатолий (1 комментарий)

    Хорошо у Вас на сайте! Сделано для людей. Творчески и по делу! Считаю, только целеустремленный, настойчивый, трудолюбивый и конечно, одаренный человек, вести сайт в состоянии, достойно! Учусь в Старт Ап проекте. Продвинутый курс. Мне нравится! Как у Вас? Сколько уделяете сайту времени? Дружить предлагаю нашим коллегам по сайтостроению. Каким образом правильнее? Успехов Вам творческих, Благополучия! Слежу за обновлениями! Заходите в гости! Вам, буду рад! =)

    Ответить на этот комментарий
  3. фрэнк лэмпард (2 комментария)

    Единственный действительно полезный материал о атрибутах таблиц. Нашёл то что нужно. Но как всегда от некоторых фишек пришлось отказаться из-за не кроссбраузерности. И почему множество юзеров до сих пор пользуются ишаком???

    Ответить на этот комментарий
  4. Irene (1 комментарий)

    Очень удивила фраза:
    «вертикальное выравнивание на содержание такого элемента не действует;»
    это у чему сказано? и на чем основано?

    Ответить на этот комментарий
    • Княгиня (660 комментариев)

      Это у тому сказано, что таково поведение элементов с типом отображения «таблица». Вертикальное выравнивание надо применять к его потомкам, которым назначен тип «табличная ячейка».

      Ответить на этот комментарий
  5. art (1 комментарий)

    одна проблема остается, как выровнять этот тег Display: table-cell по центру страницы )?

    Ответить на этот комментарий
    • Княгиня (660 комментариев)

      А зачем вам одиночный table-cell посреди страницы, и почему именно table-cell? Скорее всего, его придётся поместить в контейнер с display:table и центрировать последний посредством margin:auto. Но я в такой конструкции не вижу практического смысла.

      Ответить на этот комментарий
  6. Наталья (1 комментарий)

    Спасибо огромное! Наконец-то нашла у Вас полезную информацию о таблицах! У меня всё заработало!!! *YAHOO*

    Ответить на этот комментарий
  7. Сергей

    Не подскажете, в чем может быть проблема, — в таблице, созданной таким образом и с элементами table row залитыми сплошным фоном(по отдельности каждый) появляются однопиксельные зазоры между элементами. Border-collaplse не помогает.
    Спасибо заранее.

    Ответить на этот комментарий
    • Княгиня (660 комментариев)

      Заочно не скажу. Попробуйте обнулить margin, padding и border. Если поможет, убирайте по одному, пока не выясните — кто виноват.

      Ответить на этот комментарий

Есть что сказать? Не молчим!

Используйте теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" code=""> <ul> <li> <ol> .

Комментарии короче 200 символов публикуются без активной ссылки. Пробелы не учитываются.

Ссылки с комментариев dofollow. Ознакомьтесь, пожалуйста, с правилами dofollow-комментирования. Кто не читает, тот сам себе враг.