div css布局怎么居中,DIV布局中怎么将整个页面居中

满意答案

hhb136229532

推荐于 2017.09.30

采纳率：55%    等级：12

已帮助：4437人

只要设定到左右两侧的空白为自动即可。意即：

#wrap { margin:0 auto;}

上面这段代码的意思是说使wrap这个div到左右两侧的距离自动设置，上下为0(可以为任意)。请在现代浏览器(如Internet Explorer 7、Firefox、Opera等)中运行现在的代码：

＜!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＞ css居中-www.***.com ＜/title＞

＜meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /＞

＜style type="text/css"＞

div#wrap {

width:760px;

margin:0 auto;

border:1px solid #333;

background-color:#ccc;

}

＜/style＞

＜/head＞

＜body＞

＜div id="wrap"＞