小程序
小游戏
企业微信
微信支付
扫描小程序码分享
类似这样的样子，图片的数量也是一样的最多9张 哪位大神能给帮助一下吗？
10 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
.main-content-imageList{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.main-content-imageList-item{
margin-bottom: 6rpx;
width: 246rpx;
height: 246rpx;
line-height: 0;
position: relative;
.main-content-imageList-item:nth-child(3n+2){
margin-left: 6rpx;
margin-right: 6rpx;
感受一下
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
6
辛苦啦 谢谢
朋友圈九宫格布局，只有一个难点儿，如何生成一个1：1的盒子，并且在不同屏幕上展示效果都正常。
可以去了解一下padding和margin的百分比是以什么为参照物~
详细demo看这个：
http://demos.pxuexiao.com/scale/wx.html
也可以考虑display: grid 布局
对对对。你们说的都对
web 里最喜欢用的一个样式 就是 div{width:30%;padding:30% 0 0 0;background:no-repeat center;background-size:cover;float:left;position: relative;overflow: hidden;} div img{position: absolute;top:0;left:0;right:0;bottom:0;}
谢谢大家 好热情啊，谢谢大家，目前已差不多达到我要的样子了，谢谢大家
这个应该是属于flex布局问题吧，图片张数控制应该是动态控制wx.chooseImage(）里面的count值
加油
自己先试着写一个吧
哥 姐 妹 。。。。。。
作为一个Android开发来说，实现它就写死9个下来image，根据数组长度来判断显示几个,办法总是有的，只是看你是否愿意用
嗯嗯 逻辑后面在说，先写个样式出来
.view{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
8张 第三排 就不好看了。
只要宽度能够控制好，不需要设置justify-content
感谢回答 可是还是不会.....新手 对于css懵懵懂懂
对对对，楼上说得对，不要 justify-content
对对对，楼上说的太对了，我也这么觉得
对对 可是我不懂怎么写哇 哥
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
.main-content-imageList{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.main-content-imageList-item{
margin-bottom: 6rpx;
width: 246rpx;
height: 246rpx;
line-height: 0;
position: relative;
}
.main-content-imageList-item:nth-child(3n+2){
margin-left: 6rpx;
margin-right: 6rpx;
}
感受一下
6
辛苦啦 谢谢
朋友圈九宫格布局，只有一个难点儿，如何生成一个1：1的盒子，并且在不同屏幕上展示效果都正常。
可以去了解一下padding和margin的百分比是以什么为参照物~
详细demo看这个：
http://demos.pxuexiao.com/scale/wx.html
也可以考虑display: grid 布局
对对对。你们说的都对
web 里最喜欢用的一个样式 就是 div{width:30%;padding:30% 0 0 0;background:no-repeat center;background-size:cover;float:left;position: relative;overflow: hidden;} div img{position: absolute;top:0;left:0;right:0;bottom:0;}
谢谢大家 好热情啊，谢谢大家，目前已差不多达到我要的样子了，谢谢大家
这个应该是属于flex布局问题吧，图片张数控制应该是动态控制wx.chooseImage(）里面的count值
加油
自己先试着写一个吧
哥 姐 妹 。。。。。。
作为一个Android开发来说，实现它就写死9个下来image，根据数组长度来判断显示几个,办法总是有的，只是看你是否愿意用
嗯嗯 逻辑后面在说，先写个样式出来
.view{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
8张 第三排 就不好看了。
只要宽度能够控制好，不需要设置justify-content
感谢回答 可是还是不会.....新手 对于css懵懵懂懂
对对对，楼上说得对，不要 justify-content
对对对，楼上说的太对了，我也这么觉得
对对 可是我不懂怎么写哇 哥