Из этой заметки вы узнаете: Читать полностью »
Display: inline-block, или на грани кроссбраузерности (страница комментариев 2)
5 сентября 2011. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.
5 сентября 2011. Рубрики: Рабочие заметки; автор — Юлия Панина aka Княгиня.
Из этой заметки вы узнаете: Читать полностью »
47 комментариев на «Display: inline-block, или на грани кроссбраузерности»
picture this (1 комментарий)
display: inline — вполне хватает, и кроссбораузерно
фрэнк лэмпард (2 комментария)
inline использую в тегах H дабы на строчку не перепрыгивали… ну теперь и ещё немного полезностей узнал ))
Бертран
Спасибо за статью, не мог найти хорошего материала по теме. А тут все разжевано до нельзя
Княгиня (660 комментариев)
Приятного аппетита! 😀
Денис (1 комментарий)
Спасибо, как раз были проблемы с инлайном на сайте, сейчас подправил верстку слегка, спасибо еще раз))
Саныч
не один вариант который я нашёл инете не работают в ИЕ9. Просто inline не канает.
Olegua (2 комментария)
vertical-align работает только для элементов с display: table-cell и заданной высотой.
Княгиня (660 комментариев)
О-хо-хо… Во-первых, на элементы строчного и строчно-блочного типов оно тоже действует, но иначе, чем на табличные. Читайте предыдущую заметку. Во-вторых, на табличные ячейки оно действует независимо от наличия высоты: достаточно, чтобы одна ячейка оказалась выше других, и действие vertical-align будет заметно.
Olegua (2 комментария)
сделайте для для span «display:inline-block» «vertical-align: middle» и поймете о чем это я, а если «вертикальное выравнивание» действует иначе, нежели «вертикальное выравнивание», логично было бы предположить что это уже какое-то другое свойство…
Княгиня (660 комментариев)
Я для элементов с inline-block обычно делаю vertical-align:top (кстати, по умолчанию оно имеет значение bottom). А если вертикальное выравнивание на один элемент действует иначе, чем другой, логично предположить, что элементы разные.
Михаил (1 комментарий)
Класс)) Это надо популяризировать