div 在浏览器居中

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="zh"lang="zh">

<headprofile="http://www.w3.org/2000/08/w3c-synd/#">

<metahttp-equiv="content-language"content="zh-cn"/>

<metahttp-equiv="content-type"content="text/html;charset=gb2312"/>

<title>blueidea</title>

<styletype="text/css">

/*<![CDATA[*/

div{

position:absolute;

top:50%;

left:50%;

margin:-100px00-100px;

width:200px;

height:200px;

border:1pxsolidred;

}

/*]]>*/

</style>

</head>

<body>

<div>web标准常见问题大全</div>

</body>

</html>

--------------------------------------

margin:-100px00-100px;

分别指的是元素本身高的二分之一和宽的二分之一,当为负数的时候也即是从TOP,LEFT中的50%减去了自身高的二分之一了这就符合水平垂直居中

相关推荐