微信小程序实现View子节点每行固定显示数目,多出来自动换行
时间: 2023-05-20 08:01:11 浏览: 832
详解微信小程序-canvas绘制文字实现自动换行
可以使用flex布局来实现这个功能。在父节点上设置display:flex和flex-wrap:wrap,然后在子节点上设置flex-basis属性来控制每个子节点的宽度,从而实现每行固定显示数目,多出来自动换行的效果。具体实现可以参考以下代码:
```
.parent {
display: flex;
flex-wrap: wrap;
}
.child {
flex-basis: 25%; /* 每行显示4个子节点 */
}
```
其中,父节点的宽度需要根据实际情况来设置,子节点的宽度可以根据每行需要显示的子节点数目来计算得出。
阅读全文