• 金正恩对中国进行访问 2019-02-14
  • 王毅昨晚通了两个电话,力防朝鲜半岛出现“八月危机” 2019-02-14
  • 【理上网来·辉煌十九大】普京评中共十九大报告:中国着眼未来前景非凡—国际在线移动版 2018-12-29
  • 习近平时间|用屈原精神“塑心”“立行” 2018-12-29
  • 双色球开奖结果:DW怎么设置DIV??樵谝趁嬷芯又?

    文章TAG:DW DIV???/a>
    时间:2018-08-04来源:网站源码库 编辑:源码库 文章热度:
    Dreamweaver中margin、padding可以让div??樵谝趁婢又?,但如果是自适应所有屏幕,包括手机屏幕依然可以自动上下左右居中,该怎么设置呢?下面我们就来看看详细的教程。

    双色球基本走势图表图 www.jpkp.net DW,DIV???  src=

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

    DW,DIV???  src=

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

    DW,DIV???  src=

    3、给这个DIV添加背景色,并定义它的宽和高?!?span style="line-height: 25.2px; color: rgb(255, 0, 0);">background: #FA2;width: 400px;height: 600px;】。

    DW,DIV???  src=

    4、然后添加如下代码?!?span style="line-height: 25.2px; color: rgb(255, 0, 0);">position: fixed; left: 50%; top: 50%; z-index: 10;】。z-index是让DIV??槭贾赵谧钌隙?/strong>,也可以不添加??梢钥吹紻IV块到了右下角的位置。

    DW,DIV???  src=

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

    DW,DIV???  src=

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

    DW,DIV???  src=

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

    DW,DIV???  src=

    以上就是DW让DIV??樵谝趁嬷邢喽云聊蛔远又械慕坛?,希望大家喜欢,请继续关注ASPKU源码库。


    注:相关教程知识阅读请移步到Dreamweaver教程频道。
    相关Dreamweaver教程
    热门标签

    Dreamweaver教程Rss订阅Dreamweaver教程搜索

  • 金正恩对中国进行访问 2019-02-14
  • 王毅昨晚通了两个电话,力防朝鲜半岛出现“八月危机” 2019-02-14
  • 【理上网来·辉煌十九大】普京评中共十九大报告:中国着眼未来前景非凡—国际在线移动版 2018-12-29
  • 习近平时间|用屈原精神“塑心”“立行” 2018-12-29