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>
但我不确定这是否是跨浏览器兼容的,或者它是否有效的xhtml.
center自1998年以来,该标签已被弃用.您需要margin 0 auto;在div上应用CSS .这将设置顶部和底部边距0以及左边距和右边距,auto当div width已知/固定时,div将自动"自动居中" .