[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解釋器
- 常用框架
- 參考
- 唰唰聲