在网页设计中，会遇到文本超过固定长度导致整体的网页变形的情况。程序员往往需要截取固定的长度来实现某些固定长度的控制。介绍一种直接采用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;}