• 普京力挽狂澜,从北高加索平叛到格鲁吉亚兴兵,从克里米亚回归到叙利亚反恐,给了俄罗斯人民新生——这一切都是和中国同志的支持分不开的。 2019-03-18
  • 合肥:敬业医生头天接受手术 次日打着吊瓶工作 2019-03-18
  • “一带一路”中小企业国际合作高峰论坛三大亮点 2019-03-14
  • “自己做不到的事情,还看不得别人做”.....好像目前正在热议的特朗谱长公主伊万卡在推特上引用的一句“中国谚语”.....巧合吗? 2019-03-14
  • 山西拨付2.7亿元资金支持全省七大河流生态修复治理 2019-03-06
  • 【诗会马克思】第四期 :《怪影》节选 2019-02-21
  • 端午节山东无高温、无大雨 整体在30℃左右 2019-02-14
  • 香港特区立法会通过广深港高铁“一地两检”条例草案--旅游频道 2019-02-14
  • 捷途X70X70S正式下线 将于第3季度上市 2019-01-08
  • 2016环球医院院长领导力闭门会议 2019-01-08
  • 三地和值走势图带连线:DW怎么设置DIV??樵谝趁嬷芯又?

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

    山西十一选五遗漏10 www.fqjb.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-03-18
  • 合肥:敬业医生头天接受手术 次日打着吊瓶工作 2019-03-18
  • “一带一路”中小企业国际合作高峰论坛三大亮点 2019-03-14
  • “自己做不到的事情,还看不得别人做”.....好像目前正在热议的特朗谱长公主伊万卡在推特上引用的一句“中国谚语”.....巧合吗? 2019-03-14
  • 山西拨付2.7亿元资金支持全省七大河流生态修复治理 2019-03-06
  • 【诗会马克思】第四期 :《怪影》节选 2019-02-21
  • 端午节山东无高温、无大雨 整体在30℃左右 2019-02-14
  • 香港特区立法会通过广深港高铁“一地两检”条例草案--旅游频道 2019-02-14
  • 捷途X70X70S正式下线 将于第3季度上市 2019-01-08
  • 2016环球医院院长领导力闭门会议 2019-01-08