DEV Community
·
CSS 内边距——管理元素内部空间
💡
原文英文，约600词，阅读约需3分钟。
📝
内容提要
CSS中的padding属性控制元素内部的空间，位于内容和边框之间，对间距和大小起重要作用。可以为四个边设置相同或不同的padding值，还可使用简写属性、百分比和box-sizing属性。使用padding可提高可读性和整体设计效果。
🎯
关键要点
-
CSS中的padding属性控制元素内部的空间，位于内容和边框之间。
-
padding定义了元素内容与边框之间的空间。
-
可以为四个边设置相同的padding值。
-
可以为每个边单独设置padding值，使用padding-top、padding-right、padding-bottom和padding-left属性。
-
可以使用简写属性设置不同的padding值，支持最多四个值。
-
padding的大小会影响元素的整体尺寸，默认情况下会增加元素的宽度和高度。
-
使用box-sizing: border-box属性可以使padding不影响元素的整体宽度和高度。
-
padding值可以使用百分比设置，基于包含元素的宽度计算。
-
使用padding可以显著提高可读性和整体设计效果，确保内容周围有足够的空间。
➡️
