后端返回数据很长,在表格中需要控制字符的显示,只显示100字符左右。
可以设置style为:
style="
overflow:hidden; // 该元素的内容若超出了给定的宽度和高度属性,那么超出的部分将会被隐藏,不占位。
text-overflow:ellipsis; // 显示省略符号来代表被修剪的文本。
display:-webkit-box;
-webkit-box-orient:vertical; // 子元素排列 vertical(竖排)
-webkit-line-clamp:3; // 行数为3
"
利用该样式,设置表格内容没三行,超过三行的数据将被隐藏且以省略号代替。