Taro 中 flex 布局在小程序里为啥不生效?

可慧🍀 阅读 5

我在 Taro 里写了个简单的 flex 布局,H5 上显示正常,但一到微信小程序就乱了,子元素根本不按预期排列,试过加 display: flex 也没用,是不是小程序不支持?

这是我的样式代码:

.container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.item {
  width: 100rpx;
  height: 100rpx;
  background: #ccc;
}
我来解答 赞 0 收藏
二维码
手机扫码查看
1 条解答
爱学习的燕燕
小程序 flex 本身是支持的,常见问题是子元素被压缩了。给.item 加上 flex-shrink: 0 就行了:

.item {
width: 100rpx;
height: 100rpx;
background: #ccc;
flex-shrink: 0;
}
点赞
2026-03-18 23:05