CCS3属性之text-overflow:ellipsis;的用法和注意之处

前端之家收集整理的这篇文章主要介绍了CCS3属性之text-overflow:ellipsis;的用法和注意之处前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
                                            <table class="text"&gt;<tbody><tr class="li1"&gt;

<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

不显示省略标记(...),而是将溢出的部分裁切掉。 ellipsis: 当对象内文本溢出时显示省略标记(...)。   在使用的时候,有时候发现不会出现省略标记效果,经过测试发现,使用ellipsis的时候,必须配合overflow:hidden; white-space:nowrap; width:50%;这三个样式共同使用才会有效果,示例代码: