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

近处的大树枝叶茂盛。小草叶子又肥又美。小花绚丽多姿。一阵阵风吹来,花草树木,一起奏出了森林交响曲,一只只蝴蝶随着交响曲跳起了舞呢。
最近的做的一个小项目需要用到就百度总结一下写了下来

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

text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;

以上就是将td中文字过长的部分变成省略号显示的小技巧。让自己感动自己一回,让自己欣赏自己一次,让自己佩服自己一把!更多关于将td中文字过长的部分变成省略号显示的小技巧请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
如何如何利用定位使元素居中(web端页面布局小技巧)

css布局小技巧分享(必看)

29个常用的CSS小技巧汇总

hideFocus(虚线框处理小技巧)

三个很特别的CSS小技巧分享