如何用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>