table中的超长字符串用省略号表示的css样式

当前位置 : 首页 > 网页制作 > CSS > table中的超长字符串用省略号表示的css样式

table中的超长字符串用省略号表示的css样式

来源: 作者: 时间:2015-11-02 10:32
table中超长字符串怎么以省略号来表示,或许实现的方法有很多,本文为大家介绍下使用css来实现这个效果,感兴趣的朋友可以参考下
table中超长字符串怎么以省略号来表示,或许实现的方法有很多,本文为大家介绍下使用css来实现这个效果,感兴趣的朋友可以参考下
效果如图
 
代码:

复制代码
代码如下:

<style>
table td{white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
table {table-layout:fixed;}
</style>

注意!给TD指定宽度(否则宽度自动分配,达不到理想的效果).
Tag:
网友评论

<