初学dreamweaver cc2018时，很多朋友不知道如何让DIV自动居中与整个页面中间位置呢？今天我就教给大家怎么可以通过CSS实现这个效果。
工具/原料
dreamweaver cc2018
方法/步骤
1
启动DW后，创建一个新的html网页。
2
创建好以后，先把网页保存到桌面位置。（保存html文件才能通过快捷键F12进行网页的实时在线预览效果）
3
然后我们再body中，添加一个DIV标签组(
)，并为它添加CSS样式，包括DIV的宽（width）和高（height），再添加一个背景颜色，方便我们浏览时可以看清楚效果。4
在顶部title标签下，输入嵌入式CSS的代码，并给body定义另一个背景颜色，背景色要与DIV的背景色有所区分。
5
然后我们按快捷键F12，在浏览器中预览实时的效果，可以看到DIV和背景顶部和左边有一定的距离，我们先把间距问题解决了。
6
在body样式中，添加外边距内边距都为0，（代码margin: 0; padding: 0;），然后保存一下网页。
7
这次可以看到，已经没有间距了呢，现在我们再实现DIV自动居中。
8
在DIV的样式中，再添加一个自动居中的代码。（margin: 0 auto）。添加后，保存网页再预览一下效果，这次就成功的实现了自动居中啦~~ 朋友们都会了嘛？
注意事项
要想实现DIV自动居中，必须定义DIV有具体的宽度值，才会实现自动居中
下一篇：如何居中div?