数据显示列表 Table中 td 某列字段缩短省略
1.页面显示
用title 将鼠标移动在字段上显示全部
2.css样式
<style type="text/css">
.table-ellipsis {
table-layout: fixed;
width: 100%;
}
.table-ellipsis td {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wrap{
width: 350px; /*设置需要固定的宽度*/
white-space: nowrap; /*不换行*/
text-overflow: ellipsis; /*超出部分用.... 代替*/
overflow: hidden; /*超出隐藏*/
}
</style>