日期:2014-05-04  浏览次数:23735 次

在网页设计中,会遇到文本超过固定长度导致整体的网页变形的情况。程序员往往需要截取固定的长度来实现某些固定长度的控制。介绍一种直接采用CSS 的代码控制来实现文本截取的方法。与程序员的直接字符截取的方式有点区别,其优势是可以自动控制文本显示的长度;缺点是不同浏览器的兼容性并不完美。使用到 overflow,text-overflow,white-space 这三个主要的属性,其他的代码属于修饰作用。 
 

CSS代码  收藏代码
  1. CSS代码:  
  2. <style>  
  3. .texthidden{  
  4.  width:200px;  
  5.  overflow:hidden;  
  6.  text-overflow:ellipsis;  
  7.  white-space:nowrap;  
  8.  border:1px solid #ddd;}