Chromeのバグ：ディスプレイ内のインライン要素間のスペースを失う：

Question

クロムにバグがあるようです。ディスプレイ内の親の内部のインライン要素と表の間のスペースを削除します。

<div style="display:table;"> 
 
    <span>text1</span> <span>text2</span> 
 
</div>

エッジ/ Firefoxの問題もなく、このスペースを表示します。回避策に関するアイデアはありますか？

Answer 1

改行しないスペースのHTML文字エンティティ を使用できます。

<div style="display:table;"> 
    <span>text1</span>&nbsp;<span>text2</span> 
</div> 

これは、すべてのブラウザの項目間にスペースを確保します。