首页 > 其他 > 详细

前端每日一题:关于水平居中

时间:2014-03-01 00:15:34      阅读:447      评论:0      收藏:0      [点我收藏+]

请实现个层,里面有张图片,每次层显示图片都在当前窗口水平垂直居中,图片位置始终在窗口中间,上下滚动不受影响 

 

----------------------------------------------以下为两位同仁的回答---------------------------------------------------------------

答题者答案一:

<div style="position:absolute; z-index: 1010; left: 50%; top: 50%; margin: -10px -50px;">
<img src="/img/blueloading.gif" style="" />
</div>

 

答题者答案二:

<div style="position:fixed; z-index: 1010; left: 50%; top: 50%; margin: -10px -50px;">
<img src="/img/blueloading.gif" style="" />
</div>

 

很明显回答的一和二区别在于 position 是 absolute 还是 fixed,其实最主要的区别在于答题者看问题的深度,关键在“图片位置始终在窗口中间,上下滚动不受影响”,设置为fixed则完全满足这个需求,而设置为absolute 则窗口放大缩小或者滚动后,图片就不会始终在窗口中间了。

前端每日一题:关于水平居中,布布扣,bubuko.com

前端每日一题:关于水平居中

原文:http://www.cnblogs.com/lacerba/p/3573058.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!