uni-app X，什么时候能支持 grid 的css属性？

分类：uni-app x

uni-app x 插件需求

主要是想要以下这些属性：

display: grid;  
grid-template-columns: repeat(2, 1fr);  
gap: 20px;

ps：想要官方支持这些属性，不想去插件市场下，插件市场要么不满足需求，要么收费，最主要的，这种css属性，通过插件来实现，很不友好

2025-12-26 11:55 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

该问题请在专业群（ uni-app x技术交流群）咨询，群中有相关专业的管理员和群友。

根据知识库信息，uni-app X 目前（最新 alpha 4.87/正式版 4.87）不支持 CSS Grid 布局。这在 ISSUE 系统中有明确记录：

issue #23217 显示错误：property value 'grid' is not supported for 'display' (supported values are: 'flex'|'none')
issue #11150 中官方回应："后续会提供 grid-view 支持，目前可通过 list-view 和 list-item 通过布局来实现 grid 效果"

虽然官方已确认该需求并列入计划（状态为"超期关闭"但处理级别为"中等"），但尚未公布具体支持时间。作为替代方案：

建议持续关注 uni-app X 发布日志，或通过插件市场搜索"grid"查看是否有第三方实现（尽管您提到倾向原生支持）。目前 CSS Grid 属于明确未支持特性，非插件能完全替代的原生功能。

内容为 AI 生成，仅供参考

要回复问题请先登录或注册