1

我觉得这是一个基本问题，但在这里找不到解决方案。

我有一个要在 IE8 上显示的 html 页面（怪癖模式）。可悲的是，标题并没有使用它们应该使用的所有空间，而是显示在多行而不是一行。相同的 html 源代码适用于 chrome/firefox，但不适用于 ie8 并开启了 quirks 模式。

我应该怎么做才能在 IE8 上获得 chrome 的结果？不需要多浏览器支持，只需要IE8。

文件：

<html>
<head>
<style type="text/css">
.color5 {background-color:#DBEAF5;font-family:arial;font-size:8pt;font-weight:normal;}
</style>
</head>
<body>
<TABLE WIDTH="100%"  cellpadding=0 cellspacing=1 border=0  class="color6"    >
  <TR id="ED_ACTIONPLAN1_TR_1"  class="color5" >
<TD    WIDTH="47" class="color5" ALIGN=CENTER ></TD>
<TD    WIDTH="86" class="color5" ALIGN=CENTER >Code</TD>
<TD    WIDTH="285" class="color5" ALIGN=CENTER >Libelle</TD>
<TD    WIDTH="86" class="color5" ALIGN=CENTER >Priorite</TD>
<TD    WIDTH="86" class="color5" ALIGN=CENTER >Date de debut effective</TD>
<TD    WIDTH="109" class="color5" ALIGN=CENTER >Date d'echeance reelle</TD>
<TD    WIDTH="86" class="color5" ALIGN=CENTER >Taux de realisation</TD>
</TR>
</TABLE>
</body>
</html>

这些图像来自我的 1920x1080 屏幕的右上角。

铬合金：

镀铬版

IE8：

IE8版本

4

3 回答 3

0

添加white-space: pre;类然后它将在 IE 中单行

于 2012-09-25T17:13:46.740 回答
0

问题是您将td元素固定值（被视为像素）提供给宽度为 100% 的表格（这意味着其实际像素大小取决于浏览器大小）。

旧版本的 IE 将以指定的固定大小换行文本，并且您的文本不适合 86 或 109 像素。

如果您将固定数字转换为百分比，则可以使用

因此，您当前的像素值总计为 785 个像素。如果你做你的数学，你会得到这个

<TABLE WIDTH="100%"  cellpadding=0 cellspacing=1 border=0  class="color6">
    <TR id="ED_ACTIONPLAN1_TR_1"  class="color5" >
        <TD WIDTH="6.02%" class="color5" ALIGN=CENTER ></TD>
        <TD WIDTH="10.95%" class="color5" ALIGN=CENTER >Code</TD>
        <TD WIDTH="36.30%" class="color5" ALIGN=CENTER >Libelle</TD>
        <TD WIDTH="10.95%" class="color5" ALIGN=CENTER >Priorite</TD>
        <TD WIDTH="10.95%" class="color5" ALIGN=CENTER >Date de debut effective</TD>
        <TD WIDTH="13.88%" class="color5" ALIGN=CENTER >Date d'echeance reelle</TD>
        <TD WIDTH="10.95%" class="color5" ALIGN=CENTER >Taux de realisation</TD>
    </TR>
</TABLE>

在http://jsfiddle.net/gaby/4qhPZ/1/embedded/result/工作演示

于 2012-12-22T01:54:55.923 回答
0

请使用这种风格。

<style type="text/css">
   .color5 {background-color:#DBEAF5;font-family:arial;font-size:8pt;font-weight:normal;text-align:center;width:auto;padding:5px}
</style>
于 2012-09-25T15:25:36.537 回答