Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
填充物是什么';s在css和html上的角色_Html_Css - Fatal编程技术网

填充物是什么';s在css和html上的角色

填充物是什么';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

我有时使用sytle填充脚本

像这样

<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时,第一种和第三种情况看起来很相似。

此图像可能会有所帮助。。。这个问题已经在这里被问过了。关于你的答案,请参阅。