国产探花免费观看_亚洲丰满少妇自慰呻吟_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不僅達不到效果,有時還會導致頁面顯示出錯!相比之下,用哪一個大家心里有數。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 冕宁县| 清新县| 漳浦县| 昌邑市| 保康县| 海阳市| 宿州市| 微博| 建湖县| 驻马店市| 信丰县| 南阳市| 临邑县| 新野县| 邢台市| 龙泉市| 克拉玛依市| 新竹市| 桃源县| 左贡县| 巨野县| 许昌市| 湾仔区| 岳普湖县| 霍林郭勒市| 微山县| 金沙县| 安福县| 拉萨市| 积石山| 金沙县| 禹城市| 齐齐哈尔市| 浪卡子县| 天津市| 锦屏县| 东城区| 永济市| 蓬溪县| 香格里拉县| 宁海县|