濮阳杆衣贸易有限公司

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

CSS文字截取功能實(shí)現(xiàn)代碼
熱門標(biāo)簽：廣州防封電銷機(jī)器人廠家 申請(qǐng)400電話移動(dòng) 常州電話外呼系統(tǒng)招商 洛陽防封卡外呼系統(tǒng)廠家 南通電銷外呼系統(tǒng)軟件 山東電銷機(jī)器人軟件 智能語音電銷機(jī)器人客戶端 上海400電話辦理到易號(hào)網(wǎng) 成都企業(yè)外呼系統(tǒng)
好處是：
兼容IE，firefox，Opera;
有利于內(nèi)容完整性;有利于SEO;
無需后臺(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來實(shí)現(xiàn)自動(dòng)截取文字，不需要后臺(tái)程序和JS的使用


好處是：有利于內(nèi)容完整性，有利于SEO，無需后臺(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解決中英文混合字符串的截取省略問題的解決辦法
  • 多瀏覽器支持CSS 容器內(nèi)容超出(溢出)支持自動(dòng)換行
  • 用css截取字符的幾種方法詳解（css排版隱藏溢出文本）

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

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《CSS文字截取功能實(shí)現(xiàn)代碼》，本文關(guān)鍵詞  CSS,文字,截取,功能,實(shí)現(xiàn),；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《CSS文字截取功能實(shí)現(xiàn)代碼》相關(guān)的同類信息！
  • 本頁收集關(guān)于CSS文字截取功能實(shí)現(xiàn)代碼的相關(guān)信息資訊供網(wǎng)民參考！
    • 推薦文章
    扎赉特旗| 钟祥市| 伊川县| 舟曲县| 军事| 海丰县| 阿拉尔市| 旬邑县| 安阳县| 运城市| 台东市| 成武县| 阿拉尔市| 泰安市| 东丰县| 金溪县| 天水市| 台山市| 五大连池市| 临武县| 秀山| 灵台县| 河曲县| 肇州县| 鹿泉市| 长治市| 武川县| 边坝县| 建瓯市| 永年县| 武功县| 封开县| 竹山县| 永登县| 隆回县| 香港 | 闸北区| 杭锦后旗| 石阡县| 定兴县| 辽中县|