文章目录
- 一、display 属性概述
- display 的常见取值
- 其他常见值
- 二、常见的 display 值及其作用
- 1. block：块级元素
- 示例：
- 2. inline：行内元素
- 示例：
- 3. inline-block：行内块元素
- 示例：
- 4. none：隐藏元素
- 示例：
- 5. flex：弹性布局
- 示例：
- 6. grid：网格布局
- 示例：
- 7. list-item：列表项元素
- 示例：
- 三、常见的面试考点
- 1. `display` 属性的默认值是什么？
- 2. 如何改变元素的显示类型？
- 3. `display: none` 和 `visibility: hidden` 的区别？
