CSS把标题超出的部分变成...

一般来说，有时做网站时，文章标题字数过长，就会给人造成显示不全的感觉，有时还会显示半个字的现象。
现在，教你一个方法，用CSS来解决这个问题，让超过的文字隐藏，并替换为省略号。
下面是代码：

HTML:

<style> 
.ellipsis span { 
   white-space:nowrap; 
   text-overflow:ellipsis; /* for internet explorer */ 
   overflow:hidden; 
   width:190px; 
   display:block; 
} 
html>body .ellipsis { 
   clear:both; 
} 
html>body .ellipsis span:after { 
   content: "..."; 
} 
html>body .ellipsis span { 
   max-width:180px; 
   width:auto !important; 
   float:left; 
} 
</style> 
<div class="ellipsis"> 
<span>这里的文字超出规定时，就会以省略号代替！
</span> 
</div> 

查看效果请点击右侧链接：http://www.fxdaima.com/daima/57/480.html 点击代码框下面的运行代码按钮就可以看到演示了