【1】
writing-mode 屬性定義了文本在水平或垂直方向上如何排布。
【2】
box-sizing: border-box; //通過從已設定的寬度和高度分別減去邊框和內邊距才能得到內容的寬度和高度。
【3】
display: flex;
justify-content: space-between; //位於各行之間留有空白的容器內
【4】
flex-wrap 屬性規定flex容器是單行或者多行，同時橫軸的方向決定了新行堆疊的方向。
flex-wrap : wrap. 讓彈性盒元素在必要的時候拆行
【5】
【6】
transition: 0.2s;//設置元素寬度的顯示效果,完成過渡效果需要多少秒
【7】
避免文本溢出的解決辦法：
-webkit-line-clamp: 1; //
-webkit-box-orient: vertical;
display: -webkit-box;
轉： https://www.cnblogs.com/liangcheng11/p/5120546.html（5種方法解決文本溢出）