css 实现文字垂直居中
(编辑：jimmy 日期: 2025/5/1 浏览：3 次 )
分两种情况：
fix height：
即垂直居中的元素高度已知，这个比较简单，也不需要额外的辅助元素。
提示：您可以先修改部分代码再运行
variable height：
居中元素高度可变，这个需要额外的一个wrapper元素，用table-cell的方式来模拟表格的居中实现，当然，早期的ie又是另一招，具体可见代码。
提示：您可以先修改部分代码再运行
fix height：
即垂直居中的元素高度已知，这个比较简单，也不需要额外的辅助元素。
提示：您可以先修改部分代码再运行
variable height：
居中元素高度可变，这个需要额外的一个wrapper元素，用table-cell的方式来模拟表格的居中实现，当然，早期的ie又是另一招，具体可见代码。
提示：您可以先修改部分代码再运行
下一篇：css overflow与text-indent:-999em 字体隐藏