什么是填充在CSS和HTML上的作用

2018-06-09 21:16:10

这个问题在这里已经有了答案：

何时使用边距vs填充CSS [关闭] 18个答案

正如您在图片中看到的（由Josh分享）：

假设你有一个父母p的元素c。

填充：应用于p时，会在p内部增加空间，但在c之外。

填充：应用于c时，会在c中添加空格。

边距：应用于c时，在c之外添加空间，但在p之内。

保证金：当应用于p时，增加p之外的空间，但在p的父项之内。

您可能会注意到，只考虑p＆c时，第一和第三种情况看起来很相似。

填充是从元素的外边界到包含子元素的内部元素的距离。

+------------+
|  (Padding) |
|  +------+  |<--- Outer Border
|  |(con- |  |
|  | tent)|  |

但是，请注意，在默认情况下，Firefox和Chrome等浏览器会将填充添加到元素的宽度中。

链接地址: http://www.djcxy.com/p/29419.html