css 样式文字溢出显示省略号

<html>
 <head>
<style>
.test
{
color:#888888;
 white-space:   nowrap; //表示文本不会换行,在同一行继续,知道遇到<br>标签为止;
 overflow:      hidden;   //不显示超过对象尺寸的内容,就是把超出的部分隐藏了;
 text-overflow: ellipsis;//当文本对象溢出是显示...,当然也可是设置属性为clip不显示点点点//三个结合才能行
}
</style>
 </head>
 <body>
<table>
<tr>
<td ><div style="width:50px" class="test">123456789011111111111111111111111111111111</div></td>
</tr>
</table>
 </body>
 </html>

你可能感兴趣的:(css)