本文主要包含css,垂直居中等相关知识,佚名 希望在学习及工作中可以帮助到您
因为 CSS 本身并没有提供相应的 API 支持(确切来说是提供不全)。今天重新整理一下思路,说说前端在实现页面元素垂直居中的几种思路:
一、利用 position 和负边距
利用绝对定位,让元素的顶部与居中线对齐,再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个可视化说明:
垂直居中最终方案: DEMO http://demo.jb51.net/js/2011/align-middle/
这是在支付宝通用解决方案中实现的一个方案。=_,= 欢迎提供更好的方案…
一、利用 position 和负边距
利用绝对定位,让元素的顶部与居中线对齐,再让元素上移 50% 的高度。这个应该不难理解。原理可以用下图来做一个可视化说明:

垂直居中最终方案: DEMO http://demo.jb51.net/js/2011/align-middle/
这是在支付宝通用解决方案中实现的一个方案。=_,= 欢迎提供更好的方案…