Vue的
下面是一些方法可以進行標簽的換行,使用到了CSS的屬性和一些簡單的JS插件。
/* 1. 使用CSS的word-wrap屬性 */ label { display: block; word-wrap: break-word; } /* 2. 使用CSS的max-width屬性 */ label { display: block; max-width: 100px; } /* 3. 使用JS插件自動換行 */ // 引入插件 import Vue from 'vue' import VueLabelAutoResize from 'vue-label-auto-resize' // 注冊插件 Vue.use(VueLabelAutoResize)
以上方法在不同場景下都能產生不錯的效果,自適應的能力也能解決標簽寬度和高度的限制,非常實用。當然,具體的方案還要根據實際場景來選擇,這樣才能達到更好的效果。
上一篇vue mvc
下一篇html 單元格高度代碼