Display: inline-block, или на грани кроссбраузерности (страница комментариев 2)

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

baseline

Из этой заметки вы узнаете: Читать полностью »

Отзывы (47) на «Display: inline-block, или на грани кроссбраузерности»
  1. picture this (1 комментарий)

    display: inline — вполне хватает, и кроссбораузерно

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

    inline использую в тегах H дабы на строчку не перепрыгивали… ну теперь и ещё немного полезностей узнал ))

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

    Спасибо за статью, не мог найти хорошего материала по теме. А тут все разжевано до нельзя :)

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

      Приятного аппетита! 😀

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

    Спасибо, как раз были проблемы с инлайном на сайте, сейчас подправил верстку слегка, спасибо еще раз))

    Ответить на этот комментарий
  5. Саныч

    не один вариант который я нашёл инете не работают в ИЕ9. Просто inline не канает.

    Ответить на этот комментарий
  6. Olegua (2 комментария)

    vertical-align работает только для элементов с display: table-cell и заданной высотой.

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

      О-хо-хо… Во-первых, на элементы строчного и строчно-блочного типов оно тоже действует, но иначе, чем на табличные. Читайте предыдущую заметку. Во-вторых, на табличные ячейки оно действует независимо от наличия высоты: достаточно, чтобы одна ячейка оказалась выше других, и действие vertical-align будет заметно.

      Ответить на этот комментарий
      • Olegua (2 комментария)

        сделайте для для span «display:inline-block» «vertical-align: middle» и поймете о чем это я, а если «вертикальное выравнивание» действует иначе, нежели «вертикальное выравнивание», логично было бы предположить что это уже какое-то другое свойство…

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

          Я для элементов с inline-block обычно делаю vertical-align:top (кстати, по умолчанию оно имеет значение bottom). А если вертикальное выравнивание на один элемент действует иначе, чем другой, логично предположить, что элементы разные.

          Ответить на этот комментарий
  7. Михаил (1 комментарий)

    Класс)) Это надо популяризировать =)

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

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

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