如何用css控制字符串的长度

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

代码如下：

<div style="width:100px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; border:1px solid #000">如何用css控制字符串的长度如何用css控制字符串的长度如何用css控制字符串的长度</div>