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
>


你可能感兴趣的:(css,浏览器,IE)