元素的高度、宽度及顶部和底部边距不可设置
来源：12-3 我要和你站一起 - 内联元素
天窗的蚂蚁
2015-12-28 19:52
说行内元素的顶部和底部边距不可被设置，这里的边距是指的外边距(margin)还是内边距（padding)？如果是指外边距的话，那么左右外边距是否可以设置？
写回答
关注
3回答
-
- 狂飙的蜗牛_1
- 2015-12-28 21:05:28
行内非替换元素:
width、 height不起作用，用line-height来控制高度。
padding左右起作用，上下不会影响行高，但是对于有背景色和内边距的行内非替换元素，背景可以向元素上下延伸，但是行高没有改变。因此视觉效果就是与前面的行重叠。
margin左右起作用，上下不起作用，原因在于：行内非替换元素的外边距不会改变一个元素的行高
-
- 狂飙的蜗牛_1
- 2015-12-28 21:57:14
margin较简单，行内非替换元素的padding你可以动手去体验一下，这块比较难懂；它的上下padding不起作用，但是如果你设置了背景色就会发现，视觉上是有上下的padding的，但是你把它的定位设置为{position：relative；left和top都为0}就会发现，它的上下padding是不占位置的
总结：也就是说它的上下padding存在（设置背景色就可以看见），但是又像空气一样不占据位置，也不影响它的定位
-
- 矩步引领
- 2015-12-28 20:04:40
如果两个平级div，一般设置外边距，控制他俩之间的间距；如果是一个镶嵌在另一个的内部，一般设置内边距，设置位置
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225806 学习 · 18234 问题
相似问题