學(xué)習(xí) 學(xué)習(xí) 再學(xué)習(xí)

通常的我們?cè)谧x取文章標(biāo)題的時(shí)候，遇到字符過(guò)多，都是通過(guò)程序在SERVER端截取一定的字符數(shù)，然后添加...來(lái)實(shí)現(xiàn)標(biāo)題長(zhǎng)度截取的。其實(shí)我們也可以通過(guò)CSS來(lái)控制。

實(shí)列如下：

.title
{
 width:200px;
 white-space:nowrap;
   word-break:keep-all;
   overflow:hidden;
   text-overflow:ellipsis;
}

可用span或div引用,例如:

<span class=title>客戶端解決標(biāo)題顯示太長(zhǎng)省略多余部分并加省略號(hào)的樣式</span>

<div class=title>客戶端解決標(biāo)題顯示太長(zhǎng)省略多余部分并加省略號(hào)的樣式</div>

以上2例顯示在超過(guò)樣式定義的200px寬度后,后面的字符將被...替換.

實(shí)列如下：

.title
{
 width:200px;
 white-space:nowrap;
   word-break:keep-all;
   overflow:hidden;
   text-overflow:ellipsis;
}

可用span或div引用,例如:

<span class=title>客戶端解決標(biāo)題顯示太長(zhǎng)省略多余部分并加省略號(hào)的樣式</span>

<div class=title>客戶端解決標(biāo)題顯示太長(zhǎng)省略多余部分并加省略號(hào)的樣式</div>

以上2例顯示在超過(guò)樣式定義的200px寬度后,后面的字符將被...替換.