Максим Усачёв (psywalker) и Илья Стрельцын (SelenIT) раскрывают в деталях, аж на 70 страниц, тему строчного контекста форматирования в CSS.
Все заметки с тегами «css, inline-block»
-
Книга «Инлайновый контекст форматирования»
29 сентября 2012
-
Cтрочная кнопка как ссылка
2 февраля 2009
Никита порадовал хорошим уроком о расположении кнопок-ссылок в тексте.
-
Управление потоком в CSS: создаём контекст форматирования
6 января 2009
Об управлении потоком элементов в CSS. Рассматривается поведение браузеров с display:inline-block, display:table-cell и float.
-
Кнопочки в тексте или inline-block
21 октября 2008
Два интересных способа сделать inline-кнопки без мучений с display: inline, display: block, float: left и т.д.
Первый — используется textarea, которая ведёт себя как inline-block. Несемантично… зато кроссбраузерно.
Проверено в IE6, IE7, Firefox, Opera, Safari(PC) и Google Chrome.
Второй — почти семантично. Не совсем кроссбраузерно.
Не работает как надо в Safari(PC) и Google Chrome. Для IE7 требуется дополнительный код.
-
display:inline-block для всех браузеров
15 ноября 2007
div{ width:100px; height:100px; background:red; margin:1px; display:-moz-inline-stack;/*Firefox 2*/ display:inline-block; /*Хорошие браузеры*/ _overflow:hidden;/*IE6, IE7*/ *zoom:1;/*включаем hasLayout для IE6, IE7*/ *display:inline;/*при hasLayout true display:inline в IE6, IE7 ведёт себя как display:inline-block*/ }
‹div›1‹/div› ‹div›2‹/div›