最終效果如下:
源代碼使用vue開發：
其中 keyboard_word_wrap樣式如下:
- display: flex;
- justify-content: flex-start;
- flex-wrap: wrap;
- max-width: 37.5rem;
- margin: 0 auto;
- padding: 2rem 0;
關鍵代碼標紅，如果 justify-content爲center，那麼效果是
不規定左右自適應 效果是（因爲這頁面本身沒做font-size自適應 所以我也懶得處理了，就強行實現最終效果）
而不寫最外層的max-width等於2被設計圖寬度，margin: 0 auto;是不起作用的。