眾所周知,有很多方法可以實現這個功能,JavaScript,AS " /> 国产人妻人伦精品久久久,高hnp全肉,99久久精品免费看国产免费

天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

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

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

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

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

在Div中的方法:

<DIV STYLE="width: 200px;  border: 1px dashed red; overflow: hidden; text-overflow:ellipsis"
<NOBR>就是比如有一行文字,很長,表格內一行顯示不下.</NOBR
<NOBR>就a是比如有一行文字,很長,表格內一行顯示不下.</NOBR
<NOBR>就1是比如有一行文字,很長,表格內一行顯示不下.</NOBR
<NOBR>就F是比如有一行文字,很長,表格內一行顯示不下.</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;">內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容內容</TD>
</TR>
</TABLE>


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

  這個方法目前我還沒有發現任何bug,CSS控制,也不會造成太大的開銷,自我感覺,是一個有用的方法!

HTML/CSS技術用CSS解決中英文混合字符串的截取省略問題的解決辦法,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 久久re这里精品23 | 涩涩在线观看免费视频 | 无码欧美喷潮福利XXXX | 好男人好资源视频高清 | 午理论理影片被窝 | 国产盗摄一区二区 | 狠狠操天天操夜夜操 | 国产亚洲欧洲日韩在线观看 | 亚洲综合国产在不卡在线 | 浪荡女天天不停挨CAO日常视 | 老板吻我下身好爽到高潮 | 精品久久久无码21P发布 | 久久亚洲AV无码精品午色夜麻豆 | 久久精品嫩草影院免费看 | 色宅男午夜电影网站 | 人人干人人看 | 国产精品亚洲视频在线观看 | 九九久久国产精品大片 | 久久视频在线视频 | 熟女人妻水多爽中文字幕 | 狠狠人妻久久久久久综合九色 | 国产真实露脸乱子伦 | 人人插人人射 | 男女做爽爽爽视频免费软件 | 日本免费一区二区三区四区五六区 | 一本道亚洲区免费观看 | 第四色播日韩AV第一页 | 亚洲国产夜色在线观看 | 久久视频在线视频观看精品15 | 全部免费特黄特色大片看片 | 亚洲AV无码A片在线观看蜜桃 | 亚洲日本国产综合高清 | 成年视频国产免费观看 | 欧美人与禽ZOZO性伦交视频 | 诱受H嗯啊巨肉舍友1V1 | 肉蒲团从国内封禁到日本成经典 | 国产睡熟迷奷系列网站 | 午夜dj免费中文字幕 | 亚洲中文字幕永久在线 | 岛国片免费在线观看 | 陈红下面又紧又小好爽 |