我完全理解盒子模型。这个问题更多的是试图确定关于何时使用边距和何时使用填充的语义方法。
这是一个典型的例子,
首先,用简单的英语来说:
或者,如果您愿意,也可以使用 HTML:
<div id="container">
<p>Hello World!</p>
</div>
并且,CSS:
选项a)
div#container {padding: 12px;}
选项b)
p {margin: 12px;}
Cheers!
Jon
填充和边距具有相同的效果,除了以下情况(我可能会错过一些):
- 你有某种背景属性。利润不会得到他们。
- 你有一个边界
- 您使用 TD(无保证金)
- 两个嵌套项目,边距折叠在一起,而填充则不折叠在一起。
- (需要检查这一点)它们可能对元素的宽度和高度产生不同的影响。 (如果有人更了解,请编辑此)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)