久久综合伊人,偷拍一区二区三区,中文字幕在线播出

主頁 > 知識庫 > 用CSS解決中英文混合字符串的截取省略問題的解決辦法

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

作為一個程序員，經(jīng)常需要面對的一個問題就是在新聞等信息的標(biāo)題列表中，常常為了適應(yīng)表格的寬度，需要對過長的標(biāo)題文字的進(jìn)行截取并在截取后的文字末端加上省略號。

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

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

在Div中的方法：

DIV STYLE="width: 200px;  border: 1px dashed red; overflow: hidden; text-overflow:ellipsis">  
NOBR>就是比如有一行文字，很長，表格內(nèi)一行顯示不下./NOBR>  
NOBR>就a是比如有一行文字，很長，表格內(nèi)一行顯示不下./NOBR>  
NOBR>就1是比如有一行文字，很長，表格內(nèi)一行顯示不下./NOBR>  
NOBR>就F是比如有一行文字，很長，表格內(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>

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

　　這個方法目前我還沒有發(fā)現(xiàn)任何bug，CSS控制，也不會造成太大的開銷，自我感覺，是一個有用的方法！

您可能感興趣的文章:

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

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

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《用CSS解決中英文混合字符串的截取省略問題的解決辦法》，本文關(guān)鍵詞用,CSS,解決,中英文,混合,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題，煩請?zhí)峁┫嚓P(guān)信息告之我們，我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無關(guān)。