html - 边距和填充的实际差异

标签 html css

我阅读了有关边距和填充的文章。我理解“边距是边界外的空间,边界内使用填充”。

下面是Box Model这解释了它。我的查询是关于此信息的应用。

在设计网站时,我没有在任何地方使用边框。这意味着,我使用 margin 和 padding 来解决同样的问题。所以,在这种情况下。我应该如何选择,是使用 margin 还是 padding。与任何人有任何依赖关系吗?

因此,当边框不可见时,边距和填充如何用于不同目的。任何人都可以解释我们只需要使用一种而不需要使用另一种的不同情况。

最佳答案

如果您确定永远不会在任何东西上设置边框,那么您可以使用 marginpadding 在您的元素周围创建空间。

但要注意的关键是,如果您仅使用填充,则元素的最外边缘将始终与其他元素接触。

这意味着如果您使用技术稍微改变元素的位置,例如。相对 positioning、floating、负 margin 等元素实际上可能重叠。

当你的元素有不同的背景颜色时,它会更加明显。

我建议同时使用 marginpadding。边距用于在元素之间创建实际空间,当您需要从元素本身的边缘创建空间时使用填充。

关于html - 边距和填充的实际差异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11465268/

相关文章:

html - 在 css 中缩放后文本变得模糊

javascript - 使用 css 和 javascript 动态生成图像

css - 使用CSS在 Font Awesome 图标行之间创建空间

jquery - 更改可折叠 MaterializeCss 上的图标

html - 根据另一个元素自动调整元素高度

javascript - 简单的 javascript 只适用于断点

html - 如何删除表格左上角单元格的边框并更改背景颜色?

html - 如何在 iOS 中编码/解码文件

javascript - 使用 jQuery 将两个 div 合并到一个 .html 中

javascript - Bootstrap 模式中的 Google map 。平移/缩放鼠标手势不起作用