您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

CSS折叠边距的意义是什么?

CSS折叠边距的意义是什么?

“边距”的一般含义不是传达“将其移动10像素”,而是“此元素旁边必须有10像素的空白空间”。

我一直发现这是最容易用段落概念化的。

如果您只是给出段落margin-top: 10px而在其他任何元素上都没有空白,则一系列段落之间的间隔会很漂亮。但是,当然,在段落下放置另一个元素时会遇到麻烦。两者会碰触。

如果页边距没有塌陷,您将不愿意添加margin-bottom: 10px到以前的代码中,因为这样一来,任何一对段落之间的间距都为20px,而段落与其他元素之间的间距仅为10px。

因此垂直边距崩溃。通过添加10px的顶部和底部边距,您说的是:“我不在乎其他元素具有什么边距规则。我要求在每个段落的上方和下方至少填充10px。”

CSS 2022/1/1 18:21:24 有437人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶