Chrome 버그 : 디스플레이 내부의 인라인 요소 사이에 공백이 있음 : 표

Question

Chrome에 버그가있는 것 같습니다. 디스플레이 : 표가있는 상위 내부 인라인 요소 사이의 공백을 제거합니다.

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

에지

/파이어 폭스는 문제없이이 공간을 표시합니다. 해결 방법에 대한 아이디어가 있습니까?

Answer 1

비공개 공간 HTML 문자 엔터티  을 사용할 수 있습니다.

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

모든 브라우저에서 항목간에 공백이 생깁니다.