当使用flex布局多个div排成一行，但div中的<text>溢出在其他元素后面超出div边界外时

效果如：

 

 

问题出现：本来<image>和<text>是在一个div中，应该是<text>在<image>下面，但使用display: flex布局后，使每个div排列在一行，

但是div中的<image>和<text>也排列成了一行，并溢出来了

 

解决办法：在<text>的css样式中加入：display: -webkit-box;

　　文字就会排到图片下面了，解决后的效果如下：

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

。