在Position:absolute下居中设置
2011-09-21 17:19
344 查看
在DIV定位中有时候使用的是相对定位，而DIV在Position:absolute情况下的居中需要知道DIV的高和宽；
通过数学我们可以知道，可以首先将DIV的高/宽的定位设置：Left/Top设为50%；然后将Margin-Left/Top：-(宽/高 ÷ 2)即可。
例如：
<div style="position: absolute; width: 380px; left:50%; top:50%; margin-left:-190px; margin-top:-190px; "></div>
转载请注明出处：http://blog.csdn.net/dasihg/article/details/6797956
通过数学我们可以知道，可以首先将DIV的高/宽的定位设置：Left/Top设为50%；然后将Margin-Left/Top：-(宽/高 ÷ 2)即可。
例如：
<div style="position: absolute; width: 380px; left:50%; top:50%; margin-left:-190px; margin-top:-190px; "></div>
转载请注明出处：http://blog.csdn.net/dasihg/article/details/6797956
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 在Position:absolute下居中设置
- 在Position:absolute下居中设置
- css中absolute使用，用position和transform是div里面的div垂直居中
- AJAX--UpdateProgress设置CSS元素POSITION的使动画居中 & loading的Info
- AJAX--UpdateProgress设置CSS元素POSITION的使动画居中 & loading的Info
- position:absolute; div居中
- css position:absolute 如何居中对齐
- position:absolute;的DIV 如何居中
- CSS／JS 实现滑动页面，到一定位置，position 定位设置为fixed,否则用absolute;
- position为absolute的居中问题
- DIV在Position:absolute情况下的居中
- 在有position: absolute;出现时margin:0 auto;是不起作用,如何居中？
- position:absolute后设置left:50%发生的有趣小事
- position:absolute与overflow:hidden，解决子元素设置position:absolute后父元素 overflow:hidden无效的问题
- position:absolute元素 怎样居中
- 在position absolute div 怎么居中
- position:absolute绝对定位居中
- 解决ie下a标签设置为position:absolute不能点击
- css position:absolute 如何居中对齐
- position为absolute的元素如何实现居中