用CSS实现超长内容被省略的方法
平时我们在做网站时都会出现有些内容列表字数过多超过范围这时我会删除一些文字在后面加省略号,一般我会都会用Left()这个函数来判断字数然后超过这么多就用省略号,但现在我们可以用CSS来实现这个功能既不用删除多出的文字又可以实现功能,超简单

溜溜Show

HTML代码

<a href=http://q966.com title="溜溜show-博客">溜溜Show</a><br /> \n <table width="550" border="0" cellpadding="5" cellspacing="1" bgcolor="#007373" style="table-layout:fixed"> \n <tr> \n <th nowrap bgcolor="#159AA2" style="overflow:hidden; text-overflow:ellipsis; color:#FFFFFF;">溜溜1</th> \n <th nowrap bgcolor="#159AA2" style="overflow:hidden; text-overflow:ellipsis; color:#FFFFFF;">溜溜2</th> \n <th nowrap bgcolor="#159AA2" style="overflow:hidden; text-overflow:ellipsis; color:#FFFFFF;">溜溜3</th> \n </tr> \n <tr> \n <td nowrap bgcolor="#E8FFFF" style="overflow:hidden; text-overflow:ellipsis;">溜溜SHOW用CSS实现超长内容被省略的方法</td> \n <td nowrap bgcolor="#E8FFFF" style="overflow:hidden; text-overflow:ellipsis;">Q966 SHOW用CSS实现超长内容被省略的方法</td> \n <td nowrap bgcolor="#E8FFFF" style="overflow:hidden; text-overflow:ellipsis;">溜溜SHOW用CSS实现超长内容被省略的方法</td> \n </tr> \n </table>

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]