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

效果如：

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

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

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

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

。