CSS使溢出部分内容隐藏起来

首先，主要是使用这三个属性，overflow:hidden;text-overflow:ellipsis;white-space:nowrap;再添加一个限宽的width:Npx.

其次，注意，text-overflow:ellipsis;这个属性IE浏览器支持，FF目前不支持。（注意， text-overflow :ellipsis属性在FF中是没有效果的。 ）

 

如果非要FF下显示省略号，就，

.example:after 
{
/*
for FF
*/

content
:
"
"
;


}



 
<
div class

="example"
><
p

>
火狐火狐，是否看到我了，是否看到我了，是否看到我了
</
p
></
div
>