#margin-inline-end

#介绍

在阅读模式的结束方向设置与元件相关联的盒子模型的外边距。 该属性可以为负值。 在 LTR 模式下，margin-inline-end 等价于 margin-right。 在 RTL 模式下，margin-inline-end 等价于 margin-left。

#使用示例

css-apisrc/margin-inline-end/App.tsx

预览

#语法

/* <length> values */
margin-inline-end: 0.5em;
margin-inline-end: 0px;
margin-inline-end: 2rpx;

/* <percentage> value */
margin-inline-end: 10%;

#取值

#0px

默认值。

#<length>

<length> 定义了一个确定的宽度值。可以为负值。

#<percentage>

相对于包含块的宽度，以百分比值为外边距。

#auto

让布局流程自己选择一个合适的外边距。

#形式定义

#形式语法

margin-inline-end =
  <length-percentage>  |
  auto                 |

<length-percentage> =
  <length>      |
  <percentage>

#与 Web 的区别

mdn: margin-inline-end

1. 在 Lynx 下，margin 任何情况都不会重叠。
2. 目前支持在弹性布局、网格布局、线性布局的非 position: fixed/absolute/sticky 子元件中使用 auto。其中，对于线性布局，仅支持在交叉轴方向上的外边距 auto 值。

#兼容性