CSS 的元素显示模式简单学习

目录

[1. 元素显示模式](#1. 元素显示模式)

[1.1 概述](#1.1 概述)

[1.2 块元素](#1.2 块元素)

[1.3 行元素](#1.3 行元素)

[1.4 行内块元素](#1.4 行内块元素)

[1.5 元素显示模式总结](#1.5 元素显示模式总结)

[2. 元素显示模式转换](#2. 元素显示模式转换)

[3. 单行文字垂直居中](#3. 单行文字垂直居中)

[4. 案例演示](#4. 案例演示)

---

1. 元素显示模式

1.1 概述

1.2 块元素

1.3 行元素

1.4 行内块元素

1.5 元素显示模式总结

2. 元素显示模式转换

3. 单行文字垂直居中

原理：

4. 案例演示

这是效果图：

这是详细代码：