我们在给网站布局的时候，基本都是用div来进行布局，表格布局的有应该也是占少数。那么我们一起来看看如何让网页整体居中吧~工具/原料moreAdobe Dreamweaver CS6方法一 表格：1/7分步阅读

我们打开Dreamweaver并新建一个html文件。快捷键是Ctrl+N

2/7

然后在点击菜单中的“插入--表格”快捷键是Ctrl+Alt+T

3/7

我们按照网站的一般格局，新建一个3行2列的表格。如图所示

4/7

表格合并一下，作为上面放logo公司名称等。我们合并单元格，并把表格加上背景色，来划分区域

5/7

CTRL+S保存文档，F12预览网页，则可以看到网站是在左侧对齐的。我们点击选中该表格，对齐方式，选中居中对齐。保存文档，F12再次预览效果

6/7

我们可以看到网站整体是居中了，但是和上面有一定的空白。

7/7

这时，我们只需要点击下面的页面属性，把上边距设置为0即可。如图所示。保存文档，再次F12预览，则上面空白处就没有了。

方法二 div+css：1/2

设置body{ text-align:center;}内容居中，然后在设置div的css样式。如图所示

2/2

我们来看一下预览效果

总结：

Ctrl+Alt+T 插入表格

CTRL+S保存文档

F12预览网页

新建，快捷键是Ctrl+N

1、body{ text-align:center;}内容居中

2、div需要设置宽度

3、margin:0 auto设置的是上下间距为0px，左右为自动；拆开写的话，就是margin:0 auto0 auto；

DREAMWEAVER网页布局DIV布局网页剧中