DW怎么设置DIV模块在页面中居中?Dreamweaver中想要让div模块始终居中,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下

Dreamweaver中margin、padding可以让div模块在页面居中,但如果是自适应所有屏幕,包括手机屏幕依然可以自动上下左右居中,该怎么设置呢?下面我们就来看看详细的教程。

1、先新建一个html文件,并在head中添加样式表。

2、在body中添加一个DIV,并引入一个CSS,命名为。

3、给这个DIV添加背景色,并定义它的宽和高。。

4、然后添加如下代码。。z-index是让DIV模块始终在最上端,也可以不添加。可以看到DIV块到了右下角的位置。

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

6、先使用“-200px”这个数值自然就是DIV宽width: 400px;的一半,并添加为负值。保存后刷新网页可以看到DIV已经左右居中了。

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

以上就是DW让DIV模块在页面中相对屏幕自动居中的教程,希望大家喜欢,请继续关注爱安网。

相关推荐:

Dreamweaver2018怎么快速插入按钮?

dw cs6中div标签宽度和高度怎么设置?

DreamWeaver文字怎么居中对齐? dw垂直居中对齐的

最新资讯
特斯拉中国新上线10个超级充电站 有你的城市吗?

特斯拉中国新上线10个

特斯拉中国再度全新上线10座Tesla超级充电站。
苹果对iOS越狱祭出重拳:起诉Corellium侵犯软件版权

苹果对iOS越狱祭出重

苹果起诉了越狱软件开发商科雷利公司(Corellium),称他们
微信“扫码支付”被诉侵犯专利权

微信“扫码支付”被诉

因认为微信“扫码支付”侵犯专利权,北京微卡时代信息技
比特币过去十年上涨逾9万倍 超过任何其他资产

比特币过去十年上涨逾

据外媒报道,在过去十年中,比特币价格上涨了逾9万倍,尽管
两个“罗胖”2019靠嘴吃饭:2020他们靠什么?

两个“罗胖”2019靠嘴

还剩下什么能贩卖?
“微信支付”被诉侵犯扫码专利权 法(tian)院(ping):未构成侵权

“微信支付”被诉侵犯

涉案专利包括了移动支付中的“扫一扫”二维码采集、后
最新文章
Dreamweaver文字或图片怎么添加空连接?

Dreamweaver文字或图

Dreamweaver文字或图片怎么添加空连接?Dreamweaver制作
dreamweaver怎么制作向上滚动的文字代码?

dreamweaver怎么制作

dreamweaver怎么制作向上滚动的文字代码?dreamweaver设
Dreamweaver怎么添加调试浏览器?

Dreamweaver怎么添加

Dreamweaver怎么添加调试浏览器?Dreamweaver中调试网页
DreamWeaver怎导入项目? dw直接导入项目的教程

DreamWeaver怎导入项

DreamWeaver怎导入项目?之前做好了一个dw项目,想要直接
Dreamweaver网页怎么制作CSS叠层样式?

Dreamweaver网页怎么

Dreamweaver网页怎么制作CSS叠层样式?Dreamweaver制作
Dreamweaver怎么设计一款拼图游戏?

Dreamweaver怎么设计

Dreamweaver怎么设计一款拼图游戏?经常玩拼图,想要制作