块级元素-block element
行内元素-inline element
块级元素,行内元素与行内块元素的区别
元素 | 特性 |
---|---|
块元素 | 独占一行 可以设置宽高,如果不设置则宽度自动填满父元素宽度,高度被内容撑开;如无内容,则高度为空 |
行内元素 | 不会独占一行,相邻的行内元素会排列在同一行,直至换行 设置width、height、margin、padding等无效 |
行内块元素 | 特殊的行内元素,可以设置宽高 不会独占一行,相邻的行内元素会排列在同一行,直至换行 典型元素:img button input select embed option label checked placeholde |
块级元素,行内元素与行内块元素的转换
display属性
属性值:
- inline-block
- inline
- block