#overflow-x

#介绍

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

#使用示例

css-apisrc/overflow-x/App.tsx

预览

#语法

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

#取值

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

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

#形式定义

#形式语法

hidden | visible

#与 Web 的区别

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

#注意事项

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

#兼容性