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