Vue 表格数据换行显示技巧:word-wrap 和 white-space 属性
要让其他数据换行显示,可以使用 CSS 的 'word-wrap' 属性或者 'white-space' 属性。
- 使用 'word-wrap' 属性:设置为 'break-word' 可以让长单词或 URL 在中间断开,实现换行显示。
.vue-table-cell {
word-wrap: break-word;
}
- 使用 'white-space' 属性:设置为 'pre-wrap' 可以保留换行符,并且允许文本自动换行。
.vue-table-cell {
white-space: pre-wrap;
}
以上两种方法可以根据需求选择其中一种来实现其他数据换行显示。
原文地址: https://www.cveoy.top/t/topic/bpGZ 著作权归作者所有。请勿转载和采集!