小程序
小游戏
企业微信
微信支付
扫描小程序码分享
开发工具的界面和真机的界面差距较大
开发工具:
真机运行二维码
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
问题出在你的css
.grid-item {
display: inline-block;
}
display: inline-block 用法
简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
不是,问题是 微信是否支持
display: grid;
的支持
网格布局
是必要的,网格布局的前提是元素必须可以在同一行内伸缩
无从得知是否支持，建议你可以使用「WeUI for 小程序」使用其基础组件中的Grid实现预期效果。
项目地址：https://github.com/Tencent/weui-wxss
你好，请提供出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
代码片段: wechatide://minicode/zIiCSjmN7BSS
真机型号:小米5X
微信版本:6.6.7
调试基础版本:2.2.1
微信号:qianhong1972
你好，不建议使用grid布局
好的,明白了
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
问题出在你的css
.grid-item {
display: inline-block;
}
简单来说就是将对象呈现为inline对象，但是对象的内容作为block对象呈现。之后的内联对象会被排列在同一行内。比如我们可以给一个link（a元素）inline-block属性值，使其既具有block的宽度高度特性又具有inline的同行特性。
不是,问题是 微信是否支持
display: grid;
的支持
网格布局
display: inline-block;
是必要的,网格布局的前提是元素必须可以在同一行内伸缩
无从得知是否支持，建议你可以使用「WeUI for 小程序」使用其基础组件中的Grid实现预期效果。
项目地址：https://github.com/Tencent/weui-wxss
你好，请提供出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。
代码片段: wechatide://minicode/zIiCSjmN7BSS
真机型号:小米5X
微信版本:6.6.7
调试基础版本:2.2.1
微信号:qianhong1972
你好，不建议使用grid布局
好的,明白了