在前端开发尤其是web开发中会经常调整元素位置，所以经常会遇到居中问题，对于水平居中我们都知道用简单的text-align:center;就可以实现，但是对于垂直居中却并不是那么简单实现的，往往需要多条代码合作才能实现其效果。 本文简单介绍几种垂直居中的方式，技术不高，水平有限，仅供参考。 1. 不知道自己高度和父元素高度时，只要使用绝对定位就可以实现 以下代码没有插图的都是实现的效果相同，如图所示： 当一个父元素没有明确限制高度，而只是靠着内部元素的高度撑起来其高度时，我们又要在该父元素中设置一个居中的框框就可以采取这种方式： 1 2 3 4 5 6 7 8 9 10 11 Continue reading