For AI agents: the complete documentation index is available at /next/zh/llms.txt, the full documentation bundle is available at /next/zh/llms-full.txt, and this page is available as Markdown at /next/zh/api/css/properties/overflow.md.
Lynx
  • 简体中文
  • overflow

    介绍

    CSS 属性 overflow 控制当一个元件的子(后代)节点内容超过其大小后,是否接受其裁剪

    Caution
    • 建议非必要 overflow 的节点显式设置 overflow: hidden,尤其是动画节点。Android 上 overflow: visible 可能会造成重绘区域变大

    使用示例

    语法

    overflow: visible;
    overflow: hidden;

    取值

    • visible 子(后代)节点不接受剪裁,内容可以溢出

    • hidden 子(后代)节点接受剪裁,内容无法溢出

    • 默认值 visible

    形式定义

    初始值visible
    适用元素all elements
    是否支持继承no
    是否支持动画no

    形式语法

    hidden | visible

    与 Web 的区别

    不存在 scrollauto 模式,对于 scroll 请使用 <scroll-view>

    注意事项

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

    兼容性

    LCD tables only load in the browser

    除非另有说明,本项目采用知识共享署名 4.0 国际许可协议进行许可,代码示例采用 Apache License 2.0 许可协议进行许可。