CSS / HTML Internet Explorer 设置跨度宽度？答案

【问题标题】：CSS / HTML Internet Explorer set span width?CSS / HTML Internet Explorer 设置跨度宽度？
【发布时间】：2012-05-31 00:14:11
【问题描述】：

只是一个简短的问题...

我有一个在 FF 中正确设置的跨度容器，具有以下选项：

<span id="qmmenue" style="left: 0px; top: 2852px; color: #777777; line-height: 12px; font-family: Calibri; font-size: 12px; display: inline-block; filter: progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=0, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=45, Strength=3) progid:DXImageTransform.Microsoft.Shadow(color="#0000ff", Direction=135, Strength=3); position: absolute; zoom: 1; max-width: 500px; background-color: white;" jQuery17207240081996974917="9">

在这个span中，有一个图像和两个p元素。

我的问题是，在 Firefox 中，该框仅处于最小宽度。 Internet Explorer 在大约 80% 的屏幕上显示该框，并且大部分是空的。

这里是FF和IE的截图：

http://s16.postimage.org/i2ak9xj1x/firefox.png http://s16.postimage.org/fmdc9tqd1/internetexplorer.png

对此有什么想法吗？

InternetExplorer 的最小宽度应该是一致的，但如果可能的话可以跨浏览器 ;-)

// 编辑：我在 IE9 中测试过，它必须适用于 >IE8 似乎没有块或内联块的问题。两个版本的结果相同

【问题讨论】：

这个问题是平均长度：P
没有小提琴就很难分析。但请检查您的标题：stackoverflow.com/questions/10305631/…
你有什么问题？我们可以从您的屏幕截图中看到宽度不一致，这很有帮助。你想让span和IE一致，还是FF一致？
如果您想获得一致的结果，请删除所有 MS 特定的内容，例如 progid:DXImageTransform.Microsoft.Shadow。
是的，不可能，因为我没有其他方法可以在 IE8 中实现发光的阴影 ^^

标签： javascript html css internet-explorer firefox

【解决方案1】：

当某些东西在其他浏览器中有效但在 IE9 中无效时，可能是您的标题不正确。检查这个：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

小心它不会神奇地与 IE8 兼容。

说真的……使用 Word 生成直接提供的 HTML 不是一个可行的长期解决方案……

【讨论】：

是的，我知道这不是最重要的解决方案，但它是一个给定的文档，我必须这样使用它。在我的公司，这是以这种方式发布手册的标准（pdf+html）。所以，没办法：-/我只是试图改善结果；-)（例如，使用 js (jquery) 生成菜单等）

【解决方案2】：

您正在测试哪个版本的 IE。您需要将 IE 的条件样式设置为 display:block（旧 IE 版本不支持 inline-block）

http://www.quirksmode.org/css/display.html

【讨论】：

哦，如果忘了告诉，对不起。它必须适用于 IE8，但我实际上是用 IE9 测试的……我已经用以下方法测试了它： == with display:block;没有反应，同样的结果:(
哦，是的，...它的文档类型.....可惜我无法编辑标题，因为它是 MS Word 的输出:(，但非常感谢。 on顶一下 ^^°°
好的，这经常是问题所在。我发布了关于标题的评论作为答案。