我有时使用样式填充脚本
像这样
<style>
#img1{padding:7px 10px}
</style>
<body>
<img src="myjpg.jpg" id="img1"/>
</body>
我无法确切理解填充的作用。
也许填充的功能是对象的外层边距？？
问问题
424 次
2 回答
3
正如您在图片中看到的（由 Josh 分享）：
假设你有一个元素 c 和父元素 p。
- 填充：当应用于 p 时，在 p 内部但在 c 外部添加空间。
- 填充：当应用于 c 时，在 c 内添加空间。
- 边距：当应用于 c 时，在 c 之外但在 p 内添加空间。
- 边距：当应用于 p 时，在 p 之外但在 p 的父级内部添加空间。
您可能会注意到，仅考虑 p 和 c 时，第 1 和第 3 种情况看起来很相似。
于 2013-09-04T02:59:59.943 回答
0
填充是从元素的外边界到包含子元素的内部的距离。
+------------+
| (Padding) |
| +------+ |<--- Outer Border
| |(con- | |
| | tent)| |
但是请注意，在 Firefox 和 Chrome 等浏览器中，默认情况下，填充会添加到元素的宽度中。
于 2013-09-04T02:57:50.637 回答