css控制td缩略显示

表格td使用百分比宽度 超出显示省略号，鼠标悬浮显示完整信息，使用css进行控制，td样式设置为：

white-space:nowrap;/*文本不会换行，在同一行显示*/  
overflow:hidden;超出隐藏  
text-overflow:ellipsis;省略号显示  

并在table上加上样式：

table-layout: fixed;/*列宽由表格宽度和列宽度设定。*/  

最后，在对应td上面加一个属性 title=“绑定的完整内容”，搞定如下：

 

源地址：https://www.jianshu.com/p/6315751360db?utm_campaign=hugo&utm_medium=reader_share&utm_content=note

转载于:https://www.cnblogs.com/wangchufang/p/8491392.html