详情页

html有语义标签-3.img到底是块状还是内联

时间:2023年10月20日

编辑:佚名

说明:我们在之前的学习中,知道块状元素会独占一行,内联元素不换行,内联元素不能设置width和height。
经过我们的测试发现,当你设置两个img时,他们是并排显示的,这属于内联元素的特性;但是当你设置他们的width和height时发现图片会随着我们设置的width和height而改变,这是内联元素没有的特性。我们在图片下加一个div,并且给他蓝色的边框发现div与上面的img存在一点小间隙,这就像我们之前学习的magrin值,而内联元素是没有magrin值得,我们可以设置img的marin会发现没有效果,因为img的本质就是内联元素,是特殊的内联元素(内联替换元素,替换元素是能设置宽和高的),所以不能设置magrin值。
示例代码:

css初始化及html语义标签
效果图:

css初始化及html语义标签
相关文章
猜你需要