濮阳杆衣贸易有限公司

主頁(yè) > 知識(shí)庫(kù) > CSS文字截取功能實(shí)現(xiàn)代碼

CSS文字截取功能實(shí)現(xiàn)代碼
熱門標(biāo)簽：廣州防封電銷機(jī)器人廠家 申請(qǐng)400電話移動(dòng) 常州電話外呼系統(tǒng)招商 洛陽(yáng)防封卡外呼系統(tǒng)廠家 南通電銷外呼系統(tǒng)軟件 山東電銷機(jī)器人軟件 智能語(yǔ)音電銷機(jī)器人客戶端 上海400電話辦理到易號(hào)網(wǎng) 成都企業(yè)外呼系統(tǒng)
好處是：
兼容IE，firefox，Opera;
有利于內(nèi)容完整性;有利于SEO;
無(wú)需后臺(tái)程序處理;
可以在前臺(tái)隨時(shí)調(diào)節(jié)要截取的長(zhǎng)度。

不好的地方：
不能自動(dòng)判斷截取長(zhǎng)度，當(dāng)字符很短的時(shí)候在Firefox中也會(huì)生成后面的省略符號(hào)。

另外在設(shè)置截取寬度的時(shí)候，要注意，盡量讓文字截取完整。


Quote:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
html xmlns="http://www.w3.org/1999/xhtml">  
head>  
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
title>css文字截取/title>  
style type="text/css">  
body{font-size:13px;color:#8c966b;}   
div{clear:both;width:340px;border:1px solid #333;margin:3px;padding:3px;}   
div a{color:#8c966b;text-decoration:none;}   
div a:hover{text-decoration:underline;}   

div a{display:block;width:310px;white-space:nowrap;overflow:hidden;float:left;   
    -o-text-overflow: ellipsis;    /* for Opera */   
    text-overflow:ellipsis;        /* for IE */   
}   
div:after{content:"...";padding-left:3px;font-size:12px;}/* for Firefox */   
/style>  
/head>  

body>  


用css來(lái)實(shí)現(xiàn)自動(dòng)截取文字，不需要后臺(tái)程序和JS的使用


好處是：有利于內(nèi)容完整性，有利于SEO，無(wú)需后臺(tái)程序處理，可以在前臺(tái)隨時(shí)調(diào)節(jié)要截取的長(zhǎng)度。

div>a href="#">不好的地方：不能自動(dòng)判斷截取長(zhǎng)度，當(dāng)字符很短的時(shí)候在Firefox中也會(huì)生成后面的省略符號(hào)。/a>/div>  
div>a href="#">另外在設(shè)置截取寬度的時(shí)候，要注意，盡量讓文字截取完整/a>/div>  

/body>  
/html>  
您可能感興趣的文章:
  • 用CSS解決中英文混合字符串的截取省略問(wèn)題的解決辦法
  • 多瀏覽器支持CSS 容器內(nèi)容超出(溢出)支持自動(dòng)換行
  • 用css截取字符的幾種方法詳解（css排版隱藏溢出文本）

標(biāo)簽：滄州 鶴壁 混顯 萊蕪 賀州 貴州 廣安 邵陽(yáng)

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《CSS文字截取功能實(shí)現(xiàn)代碼》，本文關(guān)鍵詞  CSS,文字,截取,功能,實(shí)現(xiàn),；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《CSS文字截取功能實(shí)現(xiàn)代碼》相關(guān)的同類信息！
  • 本頁(yè)收集關(guān)于CSS文字截取功能實(shí)現(xiàn)代碼的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章
    乐昌市| 仁布县| 剑河县| 柏乡县| 宁国市| 阿鲁科尔沁旗| 舞阳县| 塔河县| 都兰县| 桑日县| 芮城县| 义乌市| 无为县| 万安县| 吴旗县| 皋兰县| 吴桥县| 桐城市| 隆子县| 申扎县| 若尔盖县| 灵石县| 外汇| 台湾省| 中阳县| 栖霞市| 佛学| 咸丰县| 庄浪县| 宜州市| 平潭县| 文安县| 临安市| 衢州市| 宝兴县| 射洪县| 马龙县| 清流县| 洮南市| 吉林市| 卓尼县|