Inline-block mistery: тот же код, тот же клиент, другой сервер, но пространство исчезает

Question

У меня очень сложная проблема с моим шаблоном на основе Bootstrap 3. Я не могу пропустить код здесь, потому что проблема на бета-сервере защищена, и я не может воспроизвести его нигде.

У меня есть некоторая проблема с свойством inline-block: на моем рабочем сервере у меня нет пространства между элементами с отображением: свойство inline-block.

Тот же код, тот же клиент, тот же компьютер: только сервер отличается и один сервер «съедает» пространство между элементами.

Любая идея?

Answer 1

Возможно, из-за того, что у 1 сервера есть процесс имитации, который проходит по пробелу (-ам), а другой сервер не имеет этого процесса.

Читать здесь http://css-tricks.com/fighting-the-space-between-inline-block-elements

Попробуйте

<element>...</element><element>...</element> 

вместо этого

<element>...</element> 
<element>...</element> 

В исходном коде и посмотреть, если это делает разницу

если вы хотите лучшей читаемости вы также можете сделать

<element> 
    ... 
</element><element> 
    ... 
</element> 

, если вы не можете изменить исходный код, а затем установить родитель встроенного блока элемента в

font-size: 0; 

и установить размер шрифта инлайн-рядный блок элементы до нужного размера шрифта. Это считается взломом, и его следует избегать, если исходный код может быть отредактирован