介绍
这篇文章给大家介绍怎么在DW中设置DIV模块页面居中,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
1,先新建一个html文件,并在头脑中添加样式表【& lt; <强>风格类型=拔谋?css"祝辞& lt;/style> 强>。
2,在身体中添加一个DIV,并引入一个CSS,命名为【aaa】。
3,给这个DIV添加背景色,并定义它的宽和高。【<强>背景:# FA2;宽度:400 px;高度:600 px >强;】。
4,然后添加如下代码。【<强>位置:固定;左:50%;上图:50%;z - index: 10; 强>。<强> z - index是让DIV模块始终在最上端>强,也可以不添加。可以看到DIV块到了右下角的位置。
5,然后我们依次定义它的位置。先使用【<强> margin-top: -300 px;】”——强> 300 px”这个数值就是DIV高高度:600 px;的一半,并添加为负值。可以看到DIV已经默认到上下居中的位置了。
6,先使用【<强> margin-left: -200 px; 强>】“-200 px”这个数值自然就是<强> DIV宽宽度:400 px; 强>的一半,并添加为负值。保存后刷新网页可以看到DIV已经左右居中了。
7,可以看到不管我们把页面变成什么尺寸,DIV都会自动居中,是不是解决你的问题了呢?
关于怎么在DW中设置DIV模块页面居中就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。