CSS內嵌區域跨瀏覽器

我想添加一些CSS固定大小塊內嵌到文本段落，我有跨瀏覽器問題。我使用div和內聯塊，它可以在Firefox上使用。在IE下失敗（inline-blocks aren't fully supported）。CSS內嵌區域跨瀏覽器

是否有簡單的跨瀏覽器解決方案？

（這樣做的原因是爲固定大小的塊，以使用背景圖像爲表情符號的顯示。這允許精靈和笑臉根據樣式表所示。）

2009-12-10 Pool

什麼元素，您在施加內聯塊上？

IE 6/7只接受帶有自然顯示的元素的值：內聯。

因此，如果您現在使用的是div，請改用span代替。

2009-12-10 16:14:43

@The Feast：更有甚者，你似乎建議你在段落標籤中使用div。這是非法的HTML（一個'p'不能包含塊級元素），所以你應該在那裏使用span。 – mercator 2009-12-10 16:21:27

不要忘記在老版本的Firefox中使用'-moz-inline-box'。 – DisgruntledGoat 2009-12-10 16:32:19

謝謝 - 這已經完成了。我確信我在很多事情中嘗試過這一切，但都沒有成功 - 但其他一些因素阻止了它。 @mercator，謝謝，我沒有在HTML「p」段中使用div，它符合XHTML嚴格。 – Pool 2009-12-10 17:33:54

在IE中，爲了獲得行內塊行爲，您將其設置爲顯示：inline並通過其中一種方法（縮放：1是一種常用方法）將其設置爲'hasLayout'。

2009-12-10 16:26:54

在<p>內部使用<span>。首先是內聯。

您不能將塊元素放入<p>。這是無效的代碼！

這應該解決它。

2009-12-10 16:53:49

回答