0

似乎无法让 IE9 在 div 中将表格 (id="needToCenter") 居中。它在 FF 中运行良好。 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<BODY>
    <FORM id=viewDevicesForm method=post name=viewDevicesForm action=/viewDevices.jsf>
        <DIV style="border: 1px grey solid; MARGIN-TOP: 20px; WIDTH: 100%;">
            <TABLE id="needToCenter" style="MARGIN: auto" border=0 cellSpacing=0 cellPadding=0>
                <TBODY>
                    <TR>
                        <TD><A style="HEIGHT: 22px; FONT-WEIGHT: 900" id=viewDevicesForm:_idJsp146 href="http://localhost:9082/viewDevices.jsf?Flow=view#" name=viewDevicesForm:_idJsp146>MASS EDIT</A>
                        </TD>
                    </TR>
                </TBODY>
            </TABLE>
        </DIV>
    </FORM>
</BODY>
</HTML>
4

4 回答 4

2

尝试使用 html5 文档类型，而不是使用 html4 文档类型。这将迫使 ie9 使用标准渲染并可能解决问题。

<!DOCTYPE html>

哦，顺便说一句，您应该使用 CSS。

于 2013-09-13T01:57:02.053 回答
1

你可以用<center>标签包裹你的桌子。它在 HTML 4.01 上已弃用，在 HTML 5 上不受支持。但由于您使用的是 HTML 4.0，我认为它会起作用。

于 2013-09-13T01:56:19.920 回答
0

只需添加text-align:center如下：

<DIV style="text-align:center;border: 1px grey solid; MARGIN-TOP: 20px; WIDTH: 100%;">
于 2013-09-13T01:48:21.067 回答
0

margin: auto仅适用于显式大小的元素。如果您希望表格在其容器内居中，请为表格添加宽度。

示例：http: //jsfiddle.net/mqqu9/

<div style="border: 1px grey solid; margin-top: 20px; width: 100%;">
    <table id="needToCenter" style="margin: 2em auto; width: 80%; border: solid 1px #c00;">
        <tbody>
            <tr>
                <td>
            <a style="height: 22px; font-weight: 900" id="viewDevicesForm:_idJsp146" href="http://localhost:9082/viewDevices.jsf?Flow=view#" name="viewDevicesForm:_idJsp146">MASS EDIT</a>
                </td>
            </tr>
        </tbody>
    </table>
</div>

我为表格添加了边框和顶部和底部边距，以使表格的呈现方式更加明显。

于 2013-09-13T02:32:20.340 回答