[筆記] Element Plus UI 將 el-tag 的文字變成可依照大小「自動換行」

Element UI 中相當好上手的標籤 tag 元件，由於高度和 white-space 並沒有那樣彈性，導致放到表格中想讓其依照表格大小進行自動換行會出現異常。這邊筆記下處理方法。

---

內容

1. 由於 .el-tag 本身的設定中有寫死高度為 24px 和 white-space: normal ，所以無法自動換行。
2. 更改為 height: auto, white-space: unset，即可。若想要置中的話，可以再加上 text-align:center
3. .el-tag 會需要透過 deep 語法才能改動

---

參考資料

1. element–实现el-tag文字换行

按讚加入粉絲團

延伸閱讀

• [筆記] The Linux Command Line: A complete Introduction 指令大全心得 – 14
• [筆記] 管理 Mac 上的 SSH 設定檔，並用其抓取 Github 專案
• [筆記] 在一台電腦上 操作多個 Git Config
• [筆記] The Linux Command Line: A complete Introduction 指令大全心得 – 13
• [筆記] The Linux Command Line: A complete Introduction 指令大全心得 – 12