婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > CSS文字截取功能實現代碼

CSS文字截取功能實現代碼

熱門標簽:廣州防封電銷機器人廠家 申請400電話移動 常州電話外呼系統招商 洛陽防封卡外呼系統廠家 南通電銷外呼系統軟件 山東電銷機器人軟件 智能語音電銷機器人客戶端 上海400電話辦理到易號網 成都企業外呼系統
好處是:
兼容IE,firefox,Opera;
有利于內容完整性;有利于SEO;
無需后臺程序處理;
可以在前臺隨時調節要截取的長度。

不好的地方:
不能自動判斷截取長度,當字符很短的時候在Firefox中也會生成后面的省略符號。

另外在設置截取寬度的時候,要注意,盡量讓文字截取完整。


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來實現自動截取文字,不需要后臺程序和JS的使用


好處是:有利于內容完整性,有利于SEO,無需后臺程序處理,可以在前臺隨時調節要截取的長度。

div>a href="#">不好的地方:不能自動判斷截取長度,當字符很短的時候在Firefox中也會生成后面的省略符號。/a>/div>  
div>a href="#">另外在設置截取寬度的時候,要注意,盡量讓文字截取完整/a>/div>  

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

標簽:滄州 鶴壁 混顯 萊蕪 賀州 貴州 廣安 邵陽

巨人網絡通訊聲明:本文標題《CSS文字截取功能實現代碼》,本文關鍵詞  CSS,文字,截取,功能,實現,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《CSS文字截取功能實現代碼》相關的同類信息!
  • 本頁收集關于CSS文字截取功能實現代碼的相關信息資訊供網民參考!
  • 推薦文章
    主站蜘蛛池模板: 友谊县| 安图县| 同仁县| 吉林市| 来安县| 云霄县| 嘉黎县| 宁南县| 晋江市| 边坝县| 宿州市| 察隅县| 锡林浩特市| 裕民县| 聂荣县| 凤庆县| 康保县| 麦盖提县| 郯城县| 通州市| 江油市| 蚌埠市| 乌海市| 伊吾县| 上杭县| 怀仁县| 泾川县| 含山县| 阿鲁科尔沁旗| 通城县| 手机| 射阳县| 若尔盖县| 航空| 金平| 阜宁县| 武陟县| 濮阳县| 呼伦贝尔市| 梓潼县| 旬阳县|