如何让div容器水平居中显示在父容器中
div容器水平居中显示。
·
(1)正确的DOCTYPE类型设置,让浏览器以标准模式渲染html,css
(2)div设置宽度值,margin-left,margin-right设为auto
(3)div不使用浮动,即保持默认的float:none
以上三者缺一不可,下面是一个例子:
<!DOCTYPE html>
<html>
<HEAD>
<style type="text/css">
body
{
margin:0;
padding:0;
}
#wraper
{
width:1000px;
margin: 0 auto;
border:red solid 2px;
}
</style>
</HEAD>
<BODY>
<div id="wraper"></div>
</BODY>
</HTML>
更多推荐
已为社区贡献1条内容
所有评论(0)