跨浏览器的CSS内联区域

Question

我想添加一些CSS固定大小的块内联到文本段落，我有跨浏览器的问题。我使用div和inline-block，它可以在Firefox上工作。在IE下失败(inline-blocks aren't fully supported)。

有没有简单的跨浏览器解决方案？

(这是为了让固定大小的块使用背景图像来显示笑脸。这允许根据样式表显示精灵和笑脸。)

Answer 1

您要在哪个元素上应用内联块？

IE 6/7仅接受具有自然显示:内联的元素的值。

所以，如果你现在使用的是div，那就换成span吧。

Answer 2

在IE中，要获得内联块行为，您可以将其设置为display: inline，并通过其中一种方法将其设置为'hasLayout‘(缩放:1是一种常见的方法)。

Answer 3

在<p>中使用<span>。它首先是内联的。

您不能将块元素放入<p>中。这是无效的代码！

这应该可以解决这个问题。