overflow-x#

介绍#

CSS 属性 overflow 控制当一个元件的子（后代）节点内容超过其大小后，其 横向 内容是否接受其裁剪

使用示例#

css-apisrc/overflow-x/App.tsx

预览

语法#

overflow-x: visible;
overflow-x: hidden;

取值#

• visible（默认值）子（后代）节点不接受剪裁，其 横向 内容可以溢出

• hidden 子（后代）节点接受剪裁，其 横向 内容无法溢出

形式定义#

形式语法#

与 Web 的区别#

不存在 scroll 和 auto 模式，对于 scroll 请使用 <scroll-view>。

注意事项#

• Android 系统默认会对 opacity < 1 的节点离屏绘制，这会导致此节点的 overflow-x: visible 无效，可以在该节点加上 overlap={false} 属性来关闭离屏绘制。

兼容性#