块状元素和内联元素的区别

块状元素前面也稍微提过了,就是相当于一个独立一行并且可以设置宽高的方块。常见的块状元素有:div、p等。。

而内联元素也叫做“行内元素”,常见内联元素有span。如果块状元素是一个块状,可以设置各种盒子模型的属性,那么内联元素就可以当成有弹性的橡皮筋来看,只能自身影响。

具体区别可以看下一下总结表格:

类型独占一行能否设宽高竖直方向的margin、padding
块状元素有,可以设置
内联元素没有,也不可以设置

备注:需要注意的有一点,还有一些元素是介乎于内联元素和块状元素之间的,比较典型的就是<img src=”” alt=”” />图片元素,虽然他实际上是内联元素,但是可以设置宽高,所以这种就称作:替换元素。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注