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

 时间:2026-02-15 15:29:52

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

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

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

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

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

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

4、然后添加如下代码。【position: fixed; left: 50%; top: 50%; z-index: 10;

】。z-index是让DIV模块始终在最上端,也可以不添加。可以看到DIV块到了右下角的位置。

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

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

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

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

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

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

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

  • 如何改变Dreamweaver中源代码的字体及大小?
  • Dreamweaver如何修改代码字体大小
  • dreamweaver动态网页制作教程
  • 怎样在FlashCS3中实现循环操作
  • ps中怎样制作云层
  • 热门搜索
    cqy是什么意思 team是什么意思 送男朋友什么礼物好 焦虑症是什么症状 什么罩杯最大 给孕妇送什么礼物好 9月10日是什么节日 哲学家们都干了些什么 一件代发什么意思 krump是什么舞