为了账号安全,请及时绑定邮箱和手机立即绑定

行内元素不是没有边框的吗?为什么也可以设置margin?

视频中说道“img标签是一个行内元素,所以可以设置margin。”这句话不对吧。只有块级元素设置margin才有效啊。只不过<a>和<img>是特别情况,margin和padding属性对齐有效。

正在回答

3 回答

刚刚上一节讲到了,块级元素和行级元素都属于盒子模型,所以是可以设置margin、padding等上下左右的属性的

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

嘎子012

#header a{color:#000; margin:0 5px;} ​ 这个是什么用法,类选择器后面的a标签,那么a标签应该仍然还是行内元素,设置margin有设么么用处呢?
2016-04-21 回复 有任何疑惑可以回复我~

块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心


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

刚刚上网查了以下,发现行内元素的margin要更细分。细分为行内替换元素和行内非替换元素。

对于行内替换元素,margin和padding会影响齐上下左右的4个方向。

而非替换元素margin则只会影响齐左右两个方向。但行内非替换元素无法设置padding。

因为非替换元素的line-height是被指定的,但line-height不受margin-top/bottom的影响,同时由于背景是透明的所以margin-top/bottom没有任何可见的效果。

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

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

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

进入课程

行内元素不是没有边框的吗?为什么也可以设置margin?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信