一、前言
需求:整体容器高度固定,一列展示6个商品,列数不固定。
效果如下(列数不固定,可3可4):
二、思路
于是就想这 so easy ~,用 flex 布局,把 flex-direction 设置成 column(列) , 然后固定 box 的高度和每一个 item 的高度,再设置高度不够自动换列,不就解决了嘛。。。但是一顿操作后,发现这里边的内容是对的,但是里边的内容并没有把外层的容器撑开,如下图。
于是查了一下, 好多人都遇到这个问题,好像是flex的一个小问题。此路不通呀,于是跟着大佬们换了另一种方法,使用css里的writing-mode属性来实现,该属性定义了文本水平或垂