cari

Rumah  >  Soal Jawab  >  teks badan

css3 - 怎样让网页里的内容随着浏览器窗口改变而自动居中

就是让网页里的内容随着浏览器窗口改变时跟着自动居中呢……怎样实现?有好点的常用的思路吗

伊谢尔伦伊谢尔伦2782 hari yang lalu574

membalas semua(6)saya akan balas

  • PHP中文网

    PHP中文网2017-04-17 11:35:55

    用js获取窗口大小和元素位置,然后根据拿到的值去设置内容位置,纯css也可以,但是感觉灵活度不够高

    balas
    0
  • 伊谢尔伦

    伊谢尔伦2017-04-17 11:35:55

    推荐一下自己的博客:http://blog.csdn.net/zp1996323/article/details/50936259,实现的效果都是垂直居中水平居中

    balas
    0
  • 高洛峰

    高洛峰2017-04-17 11:35:55

    margin-right:auto;
    margin-left:auto

    balas
    0
  • 黄舟

    黄舟2017-04-17 11:35:55

    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:XXpx;
    height:XXpx;

    balas
    0
  • 黄舟

    黄舟2017-04-17 11:35:55

    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    width:XXpx;
    height:XXpx;
    
    这个方法不兼容IE6/7,移动端考虑可以使用。

    balas
    0
  • 大家讲道理

    大家讲道理2017-04-17 11:35:55

    1、css实现方法(width和height事先知道):需要居中的层采用绝对定位,结合left、top、margin-left和margin-top实现居中。
    2、js实现,这个就不多说了。

    balas
    0
  • Batalbalas