<a style=display:inline-block;height:8px;width:8px;></a> IE6：只有正确的大小与“ ”？答案

【问题标题】：<a style=display:inline-block;height:8px;width:8px;></a> IE6: only correct size with " "?<a style=display:inline-block;height:8px;width:8px;></a> IE6：只有正确的大小与“ ”？
【发布时间】：2011-01-12 00:07:37
【问题描述】：

Internet Explorer (6.0)：以下代码显示不同的大小：这是为什么？

<a style=display:inline-block;height:8px></a>
<a style=display:inline-block;height:8px>&nbsp;</a>

Chromium 和 FF（我的首选浏览器）两次都显示正确的大小，但在工作中我不得不使用 IE6.0。

有什么办法可以防止这种行为吗？

【问题讨论】：

@SimeVidas: <?xml version=\"1.0\" encoding=\"iso-8859-1\"?> <meta http-equiv=\"content-type\" content=\"text/html; charset=iso-8859-1\" />

标签： css internet-explorer internet-explorer-6 height width

【解决方案1】：

Display:inline-block 不适用于 IE6 中的空元素 - 因此 height 元素将被忽略，因为它需要显示标签。

【讨论】：

添加 display:block 怎么样；给所有的主播？
我很困惑为什么标记首先会是空的？
@Chris: 创建一些带有可点击图表点的基于 CSS 的图表。
@amosrivera：但这不会让它保持内联。
说实话，如果不使用父标签或在标签中插入某种形式的内容，我认为您无法在 IE6 中解决这个问题。您可以使用 display: block 然后使用 float 使它们保持内联吗？很难说没有看到整个事情的整体！