Баг в хром 61 версии. Inline-block

[SnowSilver]

При дефолтном шрифте в 16 px, между блоками inline-block 4px отступа.


Имеем такую верстку: 

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

Отступа между псевдоэлементов before - inline-block который у нас в ширину в 1px и и первым блоком нету, но отступ должен быть!

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

пример: 

 

а вдругих браузерах сразу корректно отобразится

 

что думаете на сей счет ?

 

такой косяк с отступом проявляется только с псевдоэлементом inline-block и только в хром с большущим подозрением именно 61 версией...

[Switch74]

перенос строк уберите между блоками, так себя ведет любой inline в любом браузере

[SnowSilver]

1 час назад, Switch74 сказал:

перенос строк уберите между блоками, так себя ведет любой inline в любом браузере

тут по разному ведет себя псевдоэлемент before -  inline-block, в данном случае
 

Edited October 5, 2017 by SnowSilver

[Switch74]

уберете переносы будет вести себя одинаково

[SnowSilver]

7 минут назад, Switch74 сказал:

уберете переносы будет вести себя одинаково

да, вы все таки правы, если убрать отступы. то отображается одинаково везде)) 

но, без отступов поведение в chrome отличается от других бразуеров, в том числе Opera, везде появляется отступ, кроме Chrome

[Switch74]

В последних Хроме Фаере и Опере все отображается одинаково

[SnowSilver]

1 минуту назад, Switch74 сказал:

В последних Хроме Фаере и Опере все отображается одинаково

если убрать пробелы. то одинаково) но с пробелами по разному) 

просто отступ по идеи должне быть, а его нету, я к этому клоню

[AlexZaw]

это давно известная проблема инлайн блоков, в интернете много по этому поводу написано, где то их поведение подправили, где то нет, другие же отличия браузеров вас не удивляют, почему удивило это?

[Николя223]

если визуально нужен отступ, чтобы в коде не заблудиться можно php вставить

<div></div><?php
?><div></div>

 

[AlexZaw]

42 минуты назад, Николя223 сказал:

если визуально нужен отступ, чтобы в коде не заблудиться можно php вставить

<div></div><?php
?><div></div>

 

можно и просто комментариями обойтись

<div></div><!--

--><div></div>

Edited October 5, 2017 by AlexZaw

[Николя223]

не фэншуйно))