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

 时间:2024-10-14 06:58:48

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模块在页面中相对屏幕自动居中
  • 如何改变Dreamweaver中源代码的字体及大小?
  • Dreamweaver如何修改代码字体大小
  • dreamweaver动态网页制作教程
  • 怎样在FlashCS3中实现循环操作
  • ps中怎样制作云层
  • 热门搜索
    桃花岛旅游 威海旅游团 中国旅游线路 湖南旅游网 大鹿岛旅游 旅游地图自驾 美国旅游签证办理流程 过年云南旅游 黄山旅游路线图 湖南省旅游局官方网站