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

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

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

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

Display: table

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

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

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

    Спасибо за пассивную помощь.

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

    *CRAZY* *CRAZY* *TIRED* *UNKNOWN* ]:-> @=

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

    Здравствуйте!
    Шикарная статья.
    До сих пор на эту тему в интернете очень мало информации.
    В частности нету примеров как в верстке таблиц с помощью div-ов реализовать объединение двух ячеек (аналог rovspan и colspan)

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

      Разве мало?

      Насчёт colspan’ов — увы, такой возможности просто нет. В этом вопросе css-ная имитация безнадёжно проигрывает обычный таблицам.

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

    гуглю уже часа полтора

    .
    и нифига на странице не выводится

    в оригинале стили вынесены в сss через классы

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

      Не поняла, а что именно вы гуглите? И да, стилям место в css, а где ж ещё?
      Впрочем, вы не оставили емейл для уведомлений.

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

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

Используйте теги: <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-комментирования. Кто не читает, тот сам себе враг.