表格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