主頁(yè) > 知識(shí)庫(kù) > 用CSS解決中英文混合字符串的截取省略問(wèn)題的解決辦法

用CSS解決中英文混合字符串的截取省略問(wèn)題的解決辦法

熱門(mén)標(biāo)簽:北川縣地圖標(biāo)注 武漢人工外呼系統(tǒng) 沈陽(yáng)智能外呼系統(tǒng)排名 上古卷軸5地圖標(biāo)注mod 荒野大鏢客2地圖標(biāo)注怎么變中文 山西旅游景地圖標(biāo)注 中國(guó)地圖標(biāo)注各省份 移動(dòng)400辦理電話 蘇州通信外呼系統(tǒng)多少錢(qián)
作為一個(gè)程序員,經(jīng)常需要面對(duì)的一個(gè)問(wèn)題就是在新聞等信息的標(biāo)題列表中,常常為了適應(yīng)表格的寬度,需要對(duì)過(guò)長(zhǎng)的標(biāo)題文字的進(jìn)行截取并在截取后的文字末端加上省略號(hào)。

  眾所周知,有很多方法可以實(shí)現(xiàn)這個(gè)功能,JavaScript,ASP,PHP都有各自的實(shí)現(xiàn)方法,但是面臨的問(wèn)題有很多,比如中英文混雜時(shí)或在某些編碼下,容易造成截取出現(xiàn)亂碼的問(wèn)題,雖然大多數(shù)問(wèn)題已經(jīng)有比較成熟的解決方案,但在數(shù)據(jù)量比較大時(shí),使用JavaScript,ASP,PHP實(shí)現(xiàn)這一功能,無(wú)疑會(huì)給客戶端或服務(wù)器端造成比較大的資源開(kāi)銷(xiāo)。

  隨著W3C的漸漸普及,許多網(wǎng)站都在進(jìn)行著將傳統(tǒng)表格轉(zhuǎn)化為DIV+CSS的布局方式,我在研究CSS與DIV的一些特性時(shí),發(fā)現(xiàn)了一個(gè)比較有趣的CSS,經(jīng)過(guò)一系列的研究和實(shí)驗(yàn)以后,發(fā)現(xiàn)了一個(gè)使用DIV+CSS實(shí)現(xiàn)這一功能的另類(lèi)方法,此方法在我所能測(cè)試均無(wú)問(wèn)題,并且良好的兼容于各種編碼及中英文混排的情況。

在Div中的方法:

DIV STYLE="width: 200px;  border: 1px dashed red; overflow: hidden; text-overflow:ellipsis"
NOBR>就是比如有一行文字,很長(zhǎng),表格內(nèi)一行顯示不下./NOBR
NOBR>就a是比如有一行文字,很長(zhǎng),表格內(nèi)一行顯示不下./NOBR
NOBR>就1是比如有一行文字,很長(zhǎng),表格內(nèi)一行顯示不下./NOBR
NOBR>就F是比如有一行文字,很長(zhǎng),表格內(nèi)一行顯示不下./NOBR
NOBR>就是 Like You Pig Very Very Very Much./NOBR
/DIV>

在Table中的方法:

TABLE style="table-layout:fixed;border-collapse:collapse;font-size:12px;" border="1" width="200" bordercolor=#666666>
TR>
TD nowrap style="overflow:hidden;text-overflow:ellipsis;">內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容內(nèi)容/TD>
/TR>
/TABLE>


  代碼很簡(jiǎn)單,基本上應(yīng)該很容易就可以看明白,主要在于“text-overflow”這個(gè)屬性,此屬性有2個(gè)值,分別是“ellipsis”和“clip”,簡(jiǎn)單的理解,第一個(gè)值會(huì)在截取之后在文字末端加上省略號(hào),第二個(gè)值則不會(huì)。

  這個(gè)方法目前我還沒(méi)有發(fā)現(xiàn)任何bug,CSS控制,也不會(huì)造成太大的開(kāi)銷(xiāo),自我感覺(jué),是一個(gè)有用的方法!

您可能感興趣的文章:
  • php字符串截取問(wèn)題
  • JS 截取字符串substr 和 substring方法的區(qū)別
  • js 日期字符串截取分割成單個(gè)具體的日期(2009-12-30 13:28:29)
  • PHP中文處理 中文字符串截取(mb_substr)和獲取中文字符串字?jǐn)?shù)
  • php從右向左/從左向右截取字符串的實(shí)現(xiàn)方法
  • php字符串截取的簡(jiǎn)單方法
  • JS截取字符串常用方法詳細(xì)整理
  • php截取中文字符串不亂碼的方法
  • php,js,css字符串截取的辦法集錦

標(biāo)簽:喀什 東莞 遼源 邯鄲 海東 南充 陽(yáng)泉 濱州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《用CSS解決中英文混合字符串的截取省略問(wèn)題的解決辦法》,本文關(guān)鍵詞  用,CSS,解決,中英文,混合,;如發(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解決中英文混合字符串的截取省略問(wèn)題的解決辦法》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于用CSS解決中英文混合字符串的截取省略問(wèn)題的解決辦法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章