Jump to content

Report

  • Similar Content

    • By SnowSilver
      Почему line-height на высоту inline элемента не влияет, а на inline-block влияет ?
      Например изначально, при дефолтном размере шрифта в 16px, высота строки в хроме показывает 18.18px. И если применим line-height: 1; - то высота не изменится.
      А если мы превратим строчный элемент в inline-block, тогда высота уменьшается до 15.45px - и тогда высота строки равняется почти размеру шрифта. Хотя line-height: 1 это множитель шрифта, по идеи в моем понимание высота должна равняться 16px, а не 15.45.
      Эти значения получены у не стандартного шрифта... Но это сути не меняет.
      Небольшая заготовка - https://codepen.io/anon/pen/Qxpgoe. Правда там у строчного  элемента изначально 17px , а у инлайн блока после установки line-height:1 -  16px.
       
       
       
    • By SnowSilver
      При дефолтном шрифте в 16 px, между блоками inline-block 4px отступа.


      Имеем такую верстку: 
      Результат в хром версии 61: 


      Отступа между псевдоэлементов before - inline-block который у нас в ширину в 1px и и первым блоком нету, но отступ должен быть!
      но если в хроме, в панели разработчиков, в DOM, у псевдоэлемента before выключить display: inline-block и включить, то станет нормально отображаться, попробуйте) 
      пример: 
       


      а вдругих браузерах сразу корректно отобразится
       
      что думаете на сей счет ?
       
      такой косяк с отступом проявляется только с псевдоэлементом inline-block и только в хром с большущим подозрением именно 61 версией...
    • By Goodman-77
      Здравствуйте! 

      Помогите пожалуйста, разобраться.
      Известно, чтобы убрать пробелы между элементами - display: inline-block;
      Достаточно обнулить у всех элементов *font-size: 0;
      Но возникает вопрос - как в этом случае задать относительный шрифт (em, rem, %) внутри элементов inline-block, если font-size обнулен на глобальном уровне? 

      Получается верстка с помощью свойства display не подходит для резиновых шрифтов или всё-таки есть какие-то способы? 
    • By LordGuard
      Нужно расположить блоки, как на макете. Сделал блоки, присвоил им inline-block и 2 строка началась на уровне высокого блока, который должен занимать 2 строки. Что с этим делать?


    • By negra
      Доброго  времени суток уважаемые форумчане.
       
      Недавно начала изучать html/CSS. И при освоении новой порции знаний натолкнулась на эффект который не могу объяснить. А именно. При добавлении в div контейнер содержимого столкнулась с эффектом вылетания div контейнера из общего ряда элементов структурированных с помощью display:inline-block;. И теперь что это такое и как с этим бороться непонятно.
      Буду премного благодарна если дадите какие-нибудь комментарии по этому поводу.
       
      Код можете посмотреть по ссылке: http://cssdeck.com/labs/nz39zp35
       
       
      Ксения.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy