如果你不知道填充和边距之间有什么区别,那么你并不孤单。这是一个经常被问到的问题,并且困扰了许多网页设计师。通过这个快速教程,学会区分这两者。
理解差异
边缘和填充可能会让新手网页设计师感到困惑,有时甚至会让设计师有更多的经验。毕竟,在某些方面,它们看起来是一样的:图像或物体周围的空白区域。
填充只是边框与实际图像或单元格内容之间边界内的空间。在图像中,填充是内容周围的黄色区域。请注意,填充完全围绕内容。你会在顶部,底部,右侧和左侧找到填充物。
另一方面,边距是边框之外,边框与此对象旁边的其他元素之间的空间。在图像中,边距是整个对象外的图像区域。请注意,与填充一样,边距完全围绕内容。顶部,底部,右侧和左侧都有边距。
有用的提示
请记住,如果您计划使用边距和填充做一些非常奇特的事情,某些浏览器(如Internet Explorer)无法正确实现框模型。这意味着您的页面在其他浏览器中看起来会有所不同(有时会有很大差异)。