如何将文字过长的部分,变成省略号显示
发布网友
共4个回答
热心网友
将<td>文字过长的部分,变成省略号显示方法如下：
在设置文字过长部分需要用到text-overflow标签，设置为 ellipsis，意思为文本超出部分为省略号；
同设置整体为本过长需要用white-space标签，设置为 nowrap，意思是文本不换行；
同时需要设置整体标签超出部分为不显示，设置方法为：overflow: hidden;
整体设置标签为：td {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
热心网友
用css.
overflow: hidden; text-overflow:ellipsis
热心网友
你是否使用响应式的Bootstrap,如果使用！请直接复制以下代码即可
table{table-layout:fixed;
}
.table tbody tr td{
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
热心网友
参考一下这篇博客
通过增加列Class直接修饰td、th，首先定义一个文本超长自动省略的CSS Class
http://www.zhuyuan.tech/articles/7
Datatables 文字过长CSS省略
