84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
就是让网页里的内容随着浏览器窗口改变时跟着自动居中呢……怎样实现?有好点的常用的思路吗
小伙看你根骨奇佳,潜力无限,来学PHP伐。
用js获取窗口大小和元素位置,然后根据拿到的值去设置内容位置,纯css也可以,但是感觉灵活度不够高
推荐一下自己的博客:http://blog.csdn.net/zp1996323/article/details/50936259,实现的效果都是垂直居中水平居中
margin-right:auto;margin-left:auto
position: absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:XXpx;height:XXpx;
position: absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:XXpx; height:XXpx; 这个方法不兼容IE6/7,移动端考虑可以使用。
1、css实现方法(width和height事先知道):需要居中的层采用绝对定位,结合left、top、margin-left和margin-top实现居中。2、js实现,这个就不多说了。
用js获取窗口大小和元素位置,然后根据拿到的值去设置内容位置,纯css也可以,但是感觉灵活度不够高
推荐一下自己的博客:http://blog.csdn.net/zp1996323/article/details/50936259,实现的效果都是垂直居中水平居中
margin-right:auto;
margin-left:auto
position: absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
width:XXpx;
height:XXpx;
1、css实现方法(width和height事先知道):需要居中的层采用绝对定位,结合left、top、margin-left和margin-top实现居中。
2、js实现,这个就不多说了。