<rmcreative>

RSS

Все заметки с тегом «inline-block»

Можно уточнить:

    (5)
    (1)
  1. Книга «Инлайновый контекст форматирования»

    29 сентября 2012

    Максим Усачёв (psywalker) и Илья Стрельцын (SelenIT) раскрывают в деталях, аж на 70 страниц, тему строчного контекста форматирования в CSS.

    Читаем

    2 комментария
  2. Cтрочная кнопка как ссылка

    2 февраля 2009

    Никита порадовал хорошим уроком о расположении кнопок-ссылок в тексте.

    Читаем

    Комментировать
  3. Управление потоком в CSS: создаём контекст форматирования

    6 января 2009

    Об управлении потоком элементов в CSS. Рассматривается поведение браузеров с display:inline-block, display:table-cell и float.

    Читаем

    1 комментарий
  4. Кнопочки в тексте или 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 требуется дополнительный код.

    10 комментариев
  5. 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›

    Пример использования

    23 комментария