在阅读了字母间距规范后,我了解到原子内联(前内联块)元素的运行被视为单个字符(http://www.w3.org/TR/css3-text/#letter-spacing ):
出于字母间距的目的,原子内联(例如图像和/或内联块)的每个连续运行都被视为单个字符。
在我测试的所有浏览器(Chrome、Safari、Firefox、IE 9+10)中,它似乎都不是这样工作的。
以下代码(http://codepen.io/caleb/pen/CqDfK):
<style>
div { letter-spacing: 2em; }
em { letter-spacing: normal; }
</style>
<div>
a<em>em</em><em>em</em>bc
</div>
呈现为:
a ememb c
有没有理由在emem
和之间没有额外的 2em 间距b
?由于emem
是单个字符。