[TOC]
因此,纠竟是哪七种CSS 垂直置中的方法呢?就是以下这七种的啦!
1. 设定行高( `line-height` )
2. [添加伪元素](https://www.cnblogs.com/olafff/p/5103775.html)
3. `calc`动态计算
4. 使用表格或假装表格
5. transform
6. 绝对定位
7. 使用 Flexbox
因为「设定行高」、「添加伪元素」以及「calc动态计算」,在CSS垂直置中的三个方法里头都介绍过,所以就不在这篇文章详述,这篇文章主要介绍其他的四种垂直置中的方法。
> http://www.oxxostudio.tw/articles/201502/css-vertical-align-7methods.html
- 必备基础
- 基础知识
- BFC
- 层叠上下文 Stacking Context
- 视觉格式化模型 Visual formatting model
- CSS3中使用HSL颜色指南
- z-index
- line-height
- vertical-align 属性
- 垂直居中
- overflow
- CSS3 Gradients
- CSS3 动画基础
- 难点知识
- 布局篇
- Flex布局
- =====
- Grid布局
- 多列布局
- 高级布局
- 预编译器篇
- PostCSS
- Sass
- stylus
- 模块篇
- 良好的使用
- CSS 模块化
- 技巧篇
- 未来的CSS
- 动画篇
- 工具篇
- CSS架构
- CSS 命名方法论
- BEM
- CSS解释器
- 常用框架
- 参考
- 唰唰声