从之前我们学习到的块状元素和内联元素区别中,可以知道,他们之间有一个很大的特点区分,就是块状元素会独占一行,内联元素不能设置宽高。
但是从下面例子可以看到:
注意点总结:
1.img是特殊内联元素,可以设置宽高
→→如图可以看到,如果img标签是内联元素,是不能设置宽高的,如果是块状元素,那没有添加float属性前,不可能达到并排效果。但实际上img标签是属于内联元素,只是属于比较特殊的内联元素,叫做“替换元素”
因为img呈现的是图片,而图片是有宽和高的所以总结来说,所以img元素是属于一种比较特殊的内联元素,既有内联元素特点,也有块状元素特点。
2.可以设置宽高,所以会存在边框
所以我们实际编辑页面时候,都会先把img标签设置为块状元素,然后再重新设置浮动来让两张图片并排
→→→