彈性盒子布局時，會因為子項盒子中的內容文字過多而撐開整個頁面。

解決方法： 在每個伸縮子項上添加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