校招刷题群
高效刷题 迎战校招
校招精选试题
近年面笔经面经群内分享
Java刷题群 前端刷题群 产品运营群
首页 > js语言和框架 > 基础属性作用
题目

margin和padding分别适合什么场景使用?

解答

解析:

  何时应当使用margin:

    (1)需要在border外侧添加空白时,

    (2)空白处不需要有背景(色)时,

    (3)上下相连的两个盒子之间的空白需要相互抵消时,比如15px+20px的margin,将得到20px的空白(注意地方见第三点)。

 

 何时应当使用padding

    (1)需要在border内侧添加空白时(往往是文字与边框距离的设置),

    (2)空白处需要背景(色)时,

    (3)上下相连的两个盒子之间的空白希望等于两者之和时,比如15px+20px的padding,将得到35px的空白。

 

    margin使用时应该注意的地方

    margin在垂直方向上相邻的值相同时会发生叠加,水平方向上相邻的值会相加。margin取负值时,在垂直方向上,两个元素的边界仍然会重叠。但是,此时一个为正值,一个为负值,并不是取其中较大的值,而是用正边界减去负边界的绝对值,也就是说,把正的边界值和负的边界值相加。

C 0条回复 评论

帖子还没人回复快来抢沙发