块级元素-block element

行内元素-inline element

块级元素,行内元素与行内块元素的区别
| 元素 | 特性 |
|---|---|
| 块元素 | 独占一行 可以设置宽高,如果不设置则宽度自动填满父元素宽度,高度被内容撑开;如无内容,则高度为空 |
| 行内元素 | 不会独占一行,相邻的行内元素会排列在同一行,直至换行 设置width、height、margin、padding等无效 |
| 行内块元素 | 特殊的行内元素,可以设置宽高 不会独占一行,相邻的行内元素会排列在同一行,直至换行 典型元素:img button input select embed option label checked placeholde |
块级元素,行内元素与行内块元素的转换
display属性
属性值:
- inline-block
- inline
- block
本文深入解析块级元素、行内元素及行内块元素的区别与特性,探讨如何通过display属性实现三者之间的转换,为网页布局提供实用指南。
9898

被折叠的 条评论
为什么被折叠?



