padding-left 设置内容与左边框的间距，使内容右移；padding-right 增加右侧空白，不影响左侧位置；两者独立控制盒模型中左右内边距，常用于布局留白。
在CSS中，padding-left 和 padding-right 都是用来设置元素内部填充的属性，但它们作用的方向不同，影响的是元素内容与左右边框之间的空白区域。
这个属性用来设置元素左边的内边距。也就是内容距离元素左边界的空间大小。
• 增大 padding-left 会让内容向右移动这个属性控制元素右边的内边距。即内容距离元素右边界的空间。
• 增加 padding-right 会让内容左侧位置不变，右侧留出更多空白假设有一个宽度固定的 div：
立即学习“前端免费学习笔记（深入）”；
div {如果设置 padding-left: 20px;，文字会从左边空出20px开始显示。
如果设置 padding-right: 20px;，文字依然从左边开始，但在右边多出20px的空白，直到边框结束。
两者可以同时使用，也可以单独设定，互不影响。它们都属于盒模型中的“内边距”部分，会影响元素内容区的实际可用宽度（除非使用 box-sizing: border-box）。
基本上就这些，区别就在于方向：一个管左边空隙，一个管右边空隙。以上就是在css中padding-left padding-right区别的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
681
收藏
