1<style type=“text/css“>
 2    .text–overflow {
 3    display:block;/**//*内联对象需加*/
 4    width:31em;
 5    word–break:keep–all;/**//* 不换行 */
 6    white–space:nowrap;/**//* 不换行 */
 7    overflow:hidden;/**//* 内容超出宽度时隐藏超出部分的内容 */
 8    text–overflow:ellipsis;/**//* 当对象内文本溢出时显示省略标记() ；需与overflow:hidden;一起使用。*/
 9}
10</style>
11

 

Html 使用代码(GridView 等数据控件也对应Html使用)

 

Table使用省略号
1<table  class=text–overflow style=“table-layout: fixed; width: 222px;“>
2      <tr>
3            <td style=“width: 20; word-break: keep-all; white-space: nowrap; overflow: hidden;
4                    text–overflow: ellipsis;“>
5    这里是过长的问题这里是过长的问这里是过长的问题             </td>
6      </tr>
7</table>
8

 

 

版权声明：本文为flat_peach原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/flat_peach/articles/1260797.html