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

首頁 > 開發 > CSS > 正文

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

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

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

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

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

1.處理地點不同

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

2.處理對象的不同

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

3.對html處理的簡易性

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

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黎城县| 黄梅县| 永清县| 灵山县| 平谷区| 台北市| 钟山县| 海阳市| 屏东县| 哈密市| 昭苏县| 时尚| 河曲县| 安义县| 丰原市| 会宁县| 康乐县| 册亨县| 田林县| 江山市| 泽州县| 涟源市| 星座| 宁安市| 富源县| 龙井市| 咸宁市| 六盘水市| 广东省| 凌海市| 苏尼特右旗| 铜山县| 朔州市| 彰化县| 陆良县| 克什克腾旗| 墨玉县| 石柱| 贺州市| 禄丰县| 周至县|