弹性盒子布局时，会因为子项盒子中的内容文字过多而撑开整个页面

弹性盒子布局时，会因为子项盒子中的内容文字过多而撑开整个页面。

解决方法： 在每个伸缩子项上添加css属性

/*允许在单词内换行 */
word-break: break-all;

text-align: center;
/* 解决英文撑大横向页面 */
overflow: hidden;
/*允许在单词内换行 */
word-break: break-all;
display: -webkit-box;             /*将对象转为弹性盒模型展示*/
-webkit-box-orient: vertical;     /*设置弹性盒模型子元素的排列方式*/
overflow: hidden;                 /*超出隐藏*/

我的博客即将同步至腾讯云+社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=2ryj7hl7tocg8