浅谈图片标签img是属于内联元素还是块状元素

从之前我们学习到的块状元素和内联元素区别中,可以知道,他们之间有一个很大的特点区分,就是块状元素会独占一行,内联元素不能设置宽高。

但是从下面例子可以看到:

注意点总结:

1.img是特殊内联元素,可以设置宽高

→→如图可以看到,如果img标签是内联元素,是不能设置宽高的,如果是块状元素,那没有添加float属性前,不可能达到并排效果。但实际上img标签是属于内联元素,只是属于比较特殊的内联元素,叫做“替换元素”

因为img呈现的是图片,而图片是有宽和高的所以总结来说,所以img元素是属于一种比较特殊的内联元素,既有内联元素特点,也有块状元素特点。

2.可以设置宽高,所以会存在边框

  

所以我们实际编辑页面时候,都会先把img标签设置为块状元素,然后再重新设置浮动来让两张图片并排

→→→

发表回复

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