DW中怎么让DIV模块在页面中相对屏幕自动居中

2025-05-05 02:32:02

1、先新建一个html文件,并在head中添加样式表【<style type="text/css"></style>】。

DW中怎么让DIV模块在页面中相对屏幕自动居中

3、给这个DIV添加背景色,并定义它的宽和高。【background: #FA2;width: 400px;height: 600px;】。

DW中怎么让DIV模块在页面中相对屏幕自动居中

5、然后我们依次定义它的位置。先使用【margin-top: -300px;】“-300px”这个数值就是D朐袁噙岿IV高height: 600px;的一半,并添加为负值。可以看到DIV已经默认到上下居中的位置了。

DW中怎么让DIV模块在页面中相对屏幕自动居中

7、可以看到不管我们把页面变成什么尺寸,DIV都会自动居中,是不是解决你的问题了呢?

DW中怎么让DIV模块在页面中相对屏幕自动居中
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢