div中文字內容溢出常見的解決方法
更新時間：2017年03月16日 09:21:44 作者：function233
本文主要介紹了div中文字內容溢出常見的解決方法。具有很好的參考價值。下面跟著小編一起來看下吧
由于文字內容的長度不確定性和頁面布局的固定性，常常會遇到文字溢出的狀況，有一下解決方法：
1：規(guī)定文字父容器的寬高，設置超出隱藏：overflo：“hidde”
-------缺點是會經(jīng)常遇到最后一行文字顯示不全的情況，建議在只控制一行文字顯示的時候使用
2：css+div防止文字溢出，超出部分變成省略號，折行顯示，white-space:nowrap;word-break：break-all； text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;
------缺點是火狐瀏覽器實現(xiàn)效果不好，會截斷，頁面不是有很多需要隱藏，建議使用
3：用jQuery限制字符字數(shù)
$(document).ready(function(){
//限制字符個數(shù)
$(“.word_overflow”).each(function(){
var maxwidth=23;
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'…');
}
});
});
以上就是本文的全部內容，希望本文的內容對大家的學習或者工作能帶來一定的幫助，同時也希望多多支持腳本之家！
相關文章
jquery彈層類代碼分享，大家參考使用吧2013-12-12
下面小編就為大家?guī)硪黄猨Query實現(xiàn)拼圖小游戲(實例講解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
這篇文章主要介紹了jQuery實現(xiàn)復選框批量選擇與反選的方法,主要通過jQuery的attr與removeAttr方法實現(xiàn)選擇與反選的功能,非常具有實用價值,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了jQuery中slideUp()方法用法,以實例形式分析了slideUp()方法的功能、定義及具體使用技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
編寫一個導航條，單擊標題時，可以伸縮導航條內容，簡化內容或顯示更多內容等等效果相當不錯，感興趣的朋友可以了解下哦2013-01-01
這篇文章主要介紹了jQuery中:gt選擇器用法,實例分析了:gt選擇器的功能、定義及匹配大于給定索引值元素的使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2014-12-12
這篇文章主要為大家詳細介紹了用jquery實現(xiàn)輪播圖效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了jQuery源碼解讀之hasClass()方法,以注釋形式較為詳細的分析了hasClass()方法的實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
jquery實現(xiàn)的超出屏幕時把固定層變?yōu)槎ㄎ粚拥拇a
相信很多人都上過taobao吧，在taobao的產(chǎn)品列表頁有一個浮動的用來排序的浮動層，當你拖動滾動條而導致那個排序欄看不到的時候它會自動變?yōu)楦訉?，一直固定在那里?/div> 2010-02-02
本文給大家介紹jquery mobile彈出窗、彈出層知識匯總，涉及到jquery mobile彈出相關知識，本文寫的非常不錯，具有參考借鑒價值，需要的朋友參考下吧2016-01-01最新評論