填充物是什么';s在css和html上的角色
我有时使用sytle填充脚本 像这样填充物是什么';s在css和html上的角色,html,css,Html,Css,我有时使用sytle填充脚本 像这样 <style> #img1{padding:7px 10px} </style> <body> <img src="myjpg.jpg" id="img1"/> </body> #img1{填充:7px 10px} 我不能确切地理解填充的作用 可能padding的功能是对象的外层边距???padding是从元素的外部边界到包含子元素的内部部分的距离 +------------+ | (Pad
<style>
#img1{padding:7px 10px}
</style>
<body>
<img src="myjpg.jpg" id="img1"/>
</body>
#img1{填充:7px 10px}
我不能确切地理解填充的作用
可能padding的功能是对象的外层边距???padding是从元素的外部边界到包含子元素的内部部分的距离
+------------+
| (Padding) |
| +------+ |<--- Outer Border
| |(con- | |
| | tent)| |
+------------+
|(填充)|
|+----+|如图所示(由Josh共享):
假设有一个元素c和父元素p
- 填充:应用于p时,在p内添加空格,但在c外添加空格李>
- 填充:应用于c时,在c中添加空格李>
- 边距:应用于c时,在c之外添加空格,但在p之内
- 边距:应用于p时,在p外部添加空格,但在p的父对象内部添加空格
您可能会注意到,当只考虑p&c时,第一种和第三种情况看起来很相似。此图像可能会有所帮助。。。这个问题已经在这里被问过了。关于你的答案,请参阅。