外边距

Web原生支持

在 Web 上叫margin

也叫外边距

CSS: margin

上下外边距有时会折叠成两者中较大的那一个——这是 Web 独有的行为，另外两端都没有。

元素边框以外留出的空隙，用来把它和周围的东西推开。

示例

Webmargin原生支持点选数值，样本实时变化

内容

margin: 16px;

iOS需自己实现

该平台没有原生实现

SwiftUI 没有直接命名为 margin 的 API：官方文档里表达间隔的是视图自身的 padding 与排布容器的 spacing。

Android原生支持

layout_margin异名

Views 与 Compose 在这里分叉：Views 有 layout_margin，Compose 官方布局文档只用 padding 与 Arrangement 表达间隔，没有直接命名为 margin 的 API。

FlutterContainer.margin
Container(margin: EdgeInsets…)
Flutter 通过 Container.margin 表达外边距。
Flutter — Container.margin · Flutter

外边距占据边框以外的空间，内边距占据内容与边框之间的空间。

外边距挂在单个元素上、相邻的还可能折叠；间隔由容器统一发放，不折叠。