Html 使用：在伪元素之后在锚元素之后-浏览器差异

我在dabblet上有一个

，这是因为默认情况下，
a
元素设置为显示
inline
，Firefox在
inline
元素中的定位与Chrome和IE略有不同

要在Chrome和IE中解决这一问题（同时保留Firefox中的外观），只需为
a
元素提供
内联块
显示：

a{
位置：相对位置；
显示：内联块；
}

.
非常感谢！但是，这个解决方案有两个问题：1）在
的位置上仍然存在浏览器差异。Chrome将其定位在比FF更右侧的位置。2） 这意味着链接文本很短，
将远离其末端。我想将
>
放在链接文本的末尾…@LeaCohen这似乎是由于文本呈现的差异造成的。在Firefox中，“hkfjg sdfg dsfjg jsdflgj ldsfjgl”部分几乎填满了200px的容器，然后进入新的生产线，但在Chrome中，该部分大约有20px的不同。我不知道该怎么解决这个问题，因为这是由浏览器（以及用户可能启用的任何基于浏览器字体的设置）控制的，而不是由计算的CSS控制的。您的
a
元素作为相对定位的内联元素，是其
：after
伪元素的包含块，它是绝对定位的。问题在于
a
中的文本是多行的，并且表示在这种情况下它没有定义包含块的形状或尺寸。这就是为什么你会看到浏览器行为的差异——换句话说，浏览器不知道在这种情况下该做什么，所以他们会做他们认为最好的事情。