课程
/前端开发
/HTML/CSS
/网页布局基础
视频中说道“img标签是一个行内元素,所以可以设置margin。”这句话不对吧。只有块级元素设置margin才有效啊。只不过<a>和<img>是特别情况,margin和padding属性对齐有效。
2016-03-15
源自:网页布局基础 2-2
正在回答
刚刚上一节讲到了,块级元素和行级元素都属于盒子模型,所以是可以设置margin、padding等上下左右的属性的
嘎子012
块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心
刚刚上网查了以下,发现行内元素的margin要更细分。细分为行内替换元素和行内非替换元素。
对于行内替换元素,margin和padding会影响齐上下左右的4个方向。
而非替换元素margin则只会影响齐左右两个方向。但行内非替换元素无法设置padding。
因为非替换元素的line-height是被指定的,但line-height不受margin-top/bottom的影响,同时由于背景是透明的所以margin-top/bottom没有任何可见的效果。
举报
让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识