如果想知道区别,那么必先了解各项元素的特征:
行内(内联)元素:
- 盒子靠内容撑开
- 无法修改宽高 如果必须要修改需要使用display:bolck;使其具备块级元素的特点
例如:
块元素:
- 盒子排列独占一行
- 可以修改宽高(修改完宽高改变了,但是实际上仍然独占一行)
列如:
行内块 :
- 一行排列多个
- 可以修改宽高
- 基准线与文字一致
- 可以使用文字某些属性控制样式
列如:
区别就是它们的特征都不一样 --------
【拓展】
它们之间可以依靠dispaly属性互相拥有别的类型元素的属性:
其他元素变成行内块元素特征:
其他元素变成行内元素特征:
其他元素转成块元素特征: