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%减去了自身高的二分之一了这就符合水平垂直居中
相关推荐
/*垂直居中,div上边界距离窗口上边的距离为窗口高度的50%,并针对不同浏览器进行兼容。-- 在外层添加一个div,把行内容居中,添加.row .justify-content-center -->