很多的网站显示的内容都是在浏览中居中显示的，现在就让我们一起来实现这个神奇的效果吧。方法/步骤1/3分步阅读

1.新建一个html页面，在页面上创建一个div，为了看得更清楚一些，对div设置一个宽、高、和背景色。如图所示：

2/3

2.在css样式上加上 marig：0 atuo后居然div水平居中了，是不是很神奇呢。

如图所示：

3/3

页面代码：

!doctype html

html

head

meta charset=utf-8

titlediv水平居中显示/title

style type=text/css

.mar{

width:960px;

height:300px;

background-color:#F90;

margin:0 auto;

}

/style

/head

body

div class=mar

/div

/body

/html

理工学科样式水平居中