将td中文字过长的部分变成省略号显示的小技巧

当前位置 : 首页 > 网页制作 > CSS > 将td中文字过长的部分变成省略号显示的小技巧

将td中文字过长的部分变成省略号显示的小技巧

来源: 作者: 时间:2015-10-31 10:17
这篇文章主要介绍了如何将td中文字过长的部分变成省略号显示,主要是利用到了css的几个属性,需要的朋友可以参考下
这篇文章主要介绍了如何将td中文字过长的部分变成省略号显示,主要是利用到了css的几个属性,需要的朋友可以参考下
最近的做的一个小项目需要用到就百度总结一下写了下来

首先设置表格的样式table-layout:"fixed"再设置表格的宽度(这步必须)
最后再设置td样式的三个必要属性

复制代码
代码如下:

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
Tag:
网友评论

<