Комментарии: Что такое inline-block?

Автор: SelenIT

SelenIT — Thu, 08 Mar 2012 09:54:06 +0000

Ололоша, это не баг, а стандартное поведение инлайн-блоков по умолчанию: они выстраиваются своими базовыми линиями по базовой линии строки родительского элемента. А их базовые линии — это, грубо говоря, нижний край последней строчки их текста. Но это легко переопределяется через vertical-align: можно задать хоть top, хоть middle, и выровнять инлайн-блоки верхними краями и серединами соответсвенно.

Автор: Ололоша

Ололоша — Thu, 26 Jan 2012 13:27:11 +0000

какая-то неоднозначная статья, вопрос в другом, но про inline-block. Если сделать допустим 3 дива, одинаковых по ширине но разных по высоте, 1- самый высокий, 2 — пониже и т.п., суть — блоки выравниваются в строку, но не по верху, а низу первого блока. Не замечали такого бага периодического?

Автор: psill

psill — Mon, 18 Jul 2011 06:48:01 +0000

Спасибо за интересный материал. CSS не стоит на месте.

Автор: Арсен

Арсен — Sun, 26 Jun 2011 05:28:47 +0000

inline-block лучше всего реализован в Нитрогене. нет необходимости писать id в разметку и реализация в 3 клика.

Автор: Аарон

Аарон — Wed, 13 Apr 2011 18:40:19 +0000

Пришлось чуток посидеть , и поразбираться. Хотя есть люди которые до сих пор пользуются 6 браузером

Автор: ramzes

ramzes — Thu, 03 Jun 2010 20:48:32 +0000

«Думаю вы не удивитесь, узнав, что inline-block работает во всех браузерах, кроме IE6 и IE7.»

6-й и 7-й ишаки нормально рендерят элементы со свойством display:inline-block, если они по умолчанию инлайновые (em, span, strong и т.д.) . проблемы возникают только с блочными элементами

Автор: Олег Громов

Олег Громов — Wed, 19 May 2010 12:46:44 +0000

Ещё лучше не пытаться присвоить inline-block-ам position: relative и спозиционировать что-то внутри. Получается кошмар! Особенно страдают IE и Chrome, если по памяти. Спасает вложенный блок.

Автор: Гомельчанин

Гомельчанин — Sat, 08 May 2010 16:55:58 +0000

да,без примеров статья туговато воспринимается.пока все не проделал сам, до конца не усек.материал полезный,но надеюсь уже скоро,скоро IE 6 все таки канет в летах=)

Автор: rotor

rotor — Tue, 27 Apr 2010 10:17:15 +0000

Хм, для исправления бага IE6 можно указать и просто inline. Видимые изменения те же, хотя, в случае с плавающими div, inline-block, возможно, более правильное решение. Статье так не хватает побольше практических примеров, поэтому слегка дополню ссылкой, как можно кроссбраузерно сверстать каталог товаров при помощи inline-block.