国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS:用overflow代替left截取指定長度字符串

2024-07-11 08:21:34
字體:
來源:轉載
供稿:網友

為了防止文章標題過長超過容器(td,div)寬度而顯示成多行,我們通常要對標題進行處理讓其顯示在一行,通常使用的方法有兩種:一種方法是在客戶端用css設置容器的overflow屬性;另一種方法則是在服務器端用left函數對標題字符串進行截取。兩種方法通常情況下都能達到我們的目的:

今天我們來比較一下它們的優缺點:

1.處理地點不同

一個位于客戶端,一個位于服務器端。能在客戶端的處理的盡量不要在服務器端處理,減輕服務器負擔,這一原則大家都知道了。

2.處理對象的不同

css是對容器屬性進行設置,left是對標題字符串進行處理,哪個更合理?回答這一問題前我們先問下:為什么要對標題長度進行處理?為的就是"讓標題長度不超過容器長度"即可!css是對容器屬性進行設置,當標題長度超出容器長度時就進行處理;而left的做法是對每個標題進行處理,將標題的長度都控制在我們測試得出的長度n范圍內[left(title,n)],有一刀切的嫌疑。可見前者更具合理性。

3.對html處理的簡易性

這一點是最能說服我用css的理由。有時由于某些原因,我們會在一些標題中加入了html代碼,如:<font color="#ff0000">輕輕松松在頁面中插入單選按鈕/復選框</font>,我們想要的結果應當是讓標題不顯示為兩行,但還要保證仍為紅色!這點left做不到,要達到效果我們先得把html去除,然后對余下的字符串進行截取,再添加html,非常的麻煩;而css完全不理會html,真正做到"只對字符串進行處理",非常方便,如:

采用left不僅達不到效果,有時還會導致頁面顯示出錯!相比之下,用哪一個大家心里有數。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宜兰市| 周口市| 龙陵县| 霍林郭勒市| 江永县| 定结县| 九龙坡区| 彰化县| 石柱| 珲春市| 望都县| 盘锦市| 舟山市| 依安县| 剑河县| 临清市| 嘉兴市| 突泉县| 惠州市| 蕲春县| 阜平县| 新平| 建始县| 迁西县| 长兴县| 高碑店市| 阿克苏市| 黄石市| 濮阳县| 阳江市| 涟水县| 松原市| 丰都县| 枝江市| 山阴县| 桑植县| 太仆寺旗| 文山县| 堆龙德庆县| 东源县| 万山特区|