外边距布局

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

示例

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

内容

margin: 16px;

Web原生支持

平台通用范围

也叫外边距

CSS: margin

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

iOS需自己实现

平台通用范围

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

通常怎么做：要把某个视图推开就给它自己加 .padding()；要让一组子视图彼此隔开就用 HStack / VStack 的 spacing。

Android原生支持

Android Views（Compose 无 margin 修饰符）

也叫 margin

Views: 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

这条词条还没有经过验证的实现提示词。