容器间距控制容器内部与外部之间的距离,包括内边距和外边距。
内边距(Padding)
容器内容区域与容器边框之间的空间。调整内边距可以使容器内的内容不紧贴边框,获得更舒适的阅读体验。
外边距(Margin)
容器与外部其他容器或页面边缘之间的距离。调整外边距可以控制不同容器之间的间隔。
间距设置项
每个容器的属性面板中提供以下间距控制:
- 统一设置:四边间距保持一致
- 单独设置:分别调整上、下、左、右的间距值
- 响应式间距:针对不同设备尺寸设置不同的间距
合理的间距设置可以显著提升页面的视觉层次感和用户体验。