超出的文字自动隐藏 CSS+DIV

  今天做页面的时候遇到一个问题:如何把超出的部分隐藏使用css将其自动隐藏并显示省略号?一般用div+css的容器中文字超出长度会浮动到框外或者把框撑大,这个一般容易解决,可是显示省略号这个....在网上查了下发现在IE下可以正常显示省略号可是在火狐下却有点力不从心了!

  下面提供一个代码将解决:如何把超出的部分隐藏

css代码:

<div style="width:200px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border:1px solid #336699">这里是长文字或文章将其自动隐藏并且待用省略号...看看效果 具体的现实效果你也可以在实际的应用中做出相应的调整</div>
 

参与评论