请问为何img为行级元素也可以设置上下margin？？困惑

img{margin:10px 18px;}

上述为视频中代码。img为行内元素，行内元素不是只可以设置左右的（内外）边距，不可以设置上下的吗？而且代码确实生效了。所有边距都可以设置不是和块元素没有区别了吗？

幕布斯9670938

2016-08-07

源自：网页布局基础 2-2

关注问题我要回答

3271

操作

收起

4 回答

VictorChan
2018-06-14

img是inline-block元素

0 回复有任何疑惑可以回复我~

慕粉1810092951
2017-07-03

可以设置左右边距,不能设置上下边距

0 回复有任何疑惑可以回复我~

qq_无泪无悔D_0
2016-08-07

五仁月饼也能确定放在月饼盒里的位置！

2 回复有任何疑惑可以回复我~

qq_无名_34
2016-08-07

块级元素和行级元素都属于盒子模型，所以是可以设置margin、padding等上下左右的属性的

0 回复有任何疑惑可以回复我~

#1

幕布斯9670938 提问者

内联元素特点： 1、和其他元素都在一行上； 2、元素的高度、宽度及顶部和底部边距不可设置； 3、元素的宽度就是它包含的文字或图片的宽度，不可改变。第2点不是说边距不能设置吗

2016-08-16 回复有任何疑惑可以回复我~

#2

不谙水性回复幕布斯9670938 提问者

<img>是内联块状元素

2016-08-22 回复有任何疑惑可以回复我~

#3

慕码人5999576 回复不谙水性

img默认的属性是行内元素。

2016-08-22 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

网页布局基础

参与学习 214707 人
解答问题 1756 个

让你精通CSS中三大定位机制，彻底掌握网页布局的相关知识

请问为何img为行级元素也可以设置上下margin？？困惑

我要回答关注问题

意见反馈帮助中心 APP下载