在網(wǎng)頁(yè)設(shè)計(jì)中，會(huì)遇到文本超過(guò)固定長(zhǎng)度導(dǎo)致整體的網(wǎng)頁(yè)變形的情況。程序員往往需要截取固定的長(zhǎng)度來(lái)實(shí)現(xiàn)某些固定長(zhǎng)度的控制。介紹一種直接采用CSS 的代碼控制來(lái)實(shí)現(xiàn)文本截取的方法。與程序員的直接字符截取的方式有點(diǎn)區(qū)別，其優(yōu)勢(shì)是可以自動(dòng)控制文本顯示的長(zhǎng)度；缺點(diǎn)是不同瀏覽器的兼容性并不完美。使用到 overflow，text-overflow，white-space 這三個(gè)主要的屬性，其他的代碼屬于修飾作用。 

代碼如下：

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