眾所周知,有很多方法可以實現這個功能,JavaScript,AS " /> 日产亚洲一区二区三区,久久九九青青国产精品,阿离被扒开双腿疯狂输出

天天躁日日躁狠狠躁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解決中英文混合字符串的截取省略問題的解決辦法,轉載需保留來源!

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

主站蜘蛛池模板: 欧美 亚洲综合在线一区 | 含羞草在线| 久久婷五月综合色啪网 | 久久香蕉国产线看观看首页 | 性色AV一区二区三区V视界影院 | 午夜不卡久久精品无码免费 | 最新国产成人综合在线观看 | 好满射太多了装不下了视频 | 亚洲午夜精品久久久久久抢 | 亚洲第一国产 | 青草影院内射中出高潮-百度 | 国产成人精品午夜福麻豆报告 | 免费国产午夜理论不卡 | 久久成人伊人欧洲精品AV | 久久午夜夜伦痒痒想咳嗽P 久久午夜夜伦鲁鲁片无码免费 | 一区二区乱子伦在线播放 | 99精品欧美一区二区三区美图 | 把腿张开JI巴CAO死你H教室 | 女人高潮被爽到呻吟在线观看 | 菠萝菠萝蜜视频在线看1 | 佐山爱痴汉theav | ppypp午夜限制不卡影院私人 | 欧美一区二区日韩一区二区 | 国产精品网红女主播久久久 | 国产在线亚洲精品观看不卡 | 国产精品黄色大片 | 国产99精品在线观看 | 欧美国产一区二区三区激情无套 | 国语大学生自产拍在线观看 | 国产成人精品一区二区三区视频 | 67194con免费福和视频 | 九色终合九色综合88 | 国产精品自在在线午夜蜜芽tv在线 | 欧美麻豆一精品一AV一免费 | 在线 日韩 欧美 国产 社区 | 国产成人精品免费视频下载 | 中国少妇内射XXXX狠干 | 国产精品免费视频能看 | 亚洲伊人色 | 免费国产成人手机在线观看 | 亚洲国产精品无码AV久久久 |