為了防止文章標(biāo)題過長(zhǎng)超過容器(td,div)寬度而顯示成多行，我們通常要對(duì)標(biāo)題進(jìn)行處理讓其顯示在一行，通常使用的方法有兩種：一種方法是在客戶端用CSS設(shè)置容器的overflow屬性；另一種方法則是在服務(wù)器端用left函數(shù)對(duì)標(biāo)題字符串進(jìn)行截取。兩種方法通常情況下都能達(dá)到我們的目的：

<style type="text/css"> div{ width:200px; overflow:hidden; } </style> <div>輕輕松松在頁面中插入單選按鈕/復(fù)選框</div> <div><% =Left("輕輕松松在頁面中插入單選按鈕/復(fù)選框",11) %></font></div>

今天我們來比較一下它們的優(yōu)缺點(diǎn)：

1.處理地點(diǎn)不同

一個(gè)位于客戶端，一個(gè)位于服務(wù)器端。能在客戶端的處理的盡量不要在服務(wù)器端處理，減輕服務(wù)器負(fù)擔(dān)，這一原則大家都知道了。

2.處理對(duì)象的不同

CSS是對(duì)容器屬性進(jìn)行設(shè)置，left是對(duì)標(biāo)題字符串進(jìn)行處理，哪個(gè)更合理？回答這一問題前我們先問下：為什么要對(duì)標(biāo)題長(zhǎng)度進(jìn)行處理？為的就是"讓標(biāo)題長(zhǎng)度不超過容器長(zhǎng)度"即可！CSS是對(duì)容器屬性進(jìn)行設(shè)置，當(dāng)標(biāo)題長(zhǎng)度超出容器長(zhǎng)度時(shí)就進(jìn)行處理；而left的做法是對(duì)每個(gè)標(biāo)題進(jìn)行處理，將標(biāo)題的長(zhǎng)度都控制在我們測(cè)試得出的長(zhǎng)度n范圍內(nèi)[left(title,n)]，有一刀切的嫌疑。可見前者更具合理性。

3.對(duì)html處理的簡(jiǎn)易性

這一點(diǎn)是最能說服我用CSS的理由。有時(shí)由于某些原因，我們會(huì)在一些標(biāo)題中加入了html代碼，如：<font color="#FF0000">輕輕松松在頁面中插入單選按鈕/復(fù)選框</font>，我們想要的結(jié)果應(yīng)當(dāng)是讓標(biāo)題不顯示為兩行，但還要保證仍為紅色！這點(diǎn)left做不到，要達(dá)到效果我們先得把html去除，然后對(duì)余下的字符串進(jìn)行截取，再添加html，非常的麻煩；而css完全不理會(huì)html，真正做到"只對(duì)字符串進(jìn)行處理"，非常方便，如：

<style type="text/css"> div{ width:200px; overflow:hidden; } </style> <div><font color="#FF0000">輕輕松松在頁面中插入單選按鈕/復(fù)選框</font></div> <div><% =Left("<font color=""#FF0000"">輕輕松松在頁面中插入單選按鈕/復(fù)選框</font>",11) %></font></div>

采用left不僅達(dá)不到效果，有時(shí)還會(huì)導(dǎo)致頁面顯示出錯(cuò)！相比之下，用哪一個(gè)大家心里有數(shù)。