在xhtml中居中<div>的正确方法?

Mer*_*ith 1 html xhtml xhtml-transitional

我正在使用XHTML 1.0 Transitional doctype html文件,我希望有一个宽度为800px的主div,并使其显示为居中(不是div内容,而是div本身).

我过去用过这个:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        <style>
            <!--
            html, body { margin:0; padding:0; }

            #main-container { background:black; width:800px; }
            -->
        </style>
    </head>
    <body>
        <center>
            <div id="main-container">
                Content
            </div>
        </center>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

但我不确定这是否是跨浏览器兼容的,或者它是否有效的xhtml.

Bal*_*usC 5

center自1998年以来,该标签已被弃用.您需要margin 0 auto;在div上应用CSS .这将设置顶部和底部边距0以及左边距和右边距,auto当div width已知/固定时,div将自动"自动居中" .

也可以看看: