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