微信小程序 实现自动换行 |
您所在的位置：网站首页 › 微信小程序输入框高度怎么设置 › 微信小程序 实现自动换行 |
微信小程序 实现自动换行
|
参考链接： （1）微信小程序自动换行 https://blog.csdn.net/Hero_rong/article/details/100134634 （2）小程序 显示3个一排 自动换行 https://blog.csdn.net/fatong3/article/details/102903703 一、方法1：css word-breakword-break: break-all; 在需要换行的view上添加这个样式即可。 如显示3个一排。 使用的是width: 31%; wxml文件 1212 1212 1212 1212 wxss文件 .link { display: flex; flex-direction: row; flex-wrap: wrap; width: 654rpx; margin: 0 auto; position: relative; left: 5rpx; } .link_child { width: 31%; background: red; border: 1rpx solid black; } .link_child:not(:nth-child(3n)){ margin-right: 10rpx; } 三、方法3：css width rpx如显示3个一排。 使用的 width: 200rpx;（需要是3的倍数） wxml文件 1 2 3 4 5 6 wxss文件 .test { border: 2rpx solid black; } .father { width: 660rpx; display:flex; flex-wrap:wrap; justify-content:space-between; } .child{ width: 200rpx; } |
【本文地址】
今日新闻 |
推荐新闻 |