解决前端数据展示 超出部分数据及纯数字对排版影响

1.超出部分文字显示省略号

div {
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

 

1.1.鼠标放到文字上显示全部数据
结合html元素的title属性使用

2.纯数字影响换行

div {
word-break: break-all;
}