很多人想要垂直居中的时候,第一时间就想到了vertical-align:middle,用完之后,疑惑它怎么会无效呢?

——原来vertical-align 是有适用范围的限制的。

因为水平垂直居中直接就包括了垂直居中,本文直接给出水平垂直居中的例子,并说明其中垂直居中的原理。

本文前面大部分算是理论基础层面列举分析了“近似”和“完美”居中;但是考虑到实际情况,实战还是“一把梭”用的“近似”垂直居中,进而本文最后一章节推导出“普适封装垂直居中”的代码。这样一来,能解释为什么网上其他文章的居中方法看似有差异。