css中溢出英文不換行的方法

這篇文章主要介紹css中溢出英文不換行的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

　　英文溢出不換行而中文溢出會(huì)換行，因?yàn)橹形囊粋€(gè)字就是一個(gè)字符瀏覽器知道有多少個(gè)字符，而英文字母瀏覽器不知道整體是一個(gè)單詞還是由許多單詞組成，就統(tǒng)一當(dāng)成一個(gè)單詞處理所有就會(huì)溢出不換行了。

　　溢出英文怎么辦

　　但是在英文里面加了空格溢出就會(huì)換行了，因?yàn)槟阋呀?jīng)標(biāo)識(shí)出來(lái)了哪幾個(gè)字母是組成一個(gè)單詞，無(wú)論兩個(gè)單詞之間寫(xiě)多少個(gè)空格都是顯示一個(gè)空格，這里空格是分隔符不代表空格文本

　　word-break:break-all;

　　中文漢字不會(huì)溢出，英文字母會(huì)溢出

　　這個(gè)時(shí)候添加屬性

　　word-break:break-all;

　　溢出英文需要什么屬性

　　CSS3overflow-x屬性

　　overflow-x屬性指定如果它溢出了元素的內(nèi)容區(qū)是否剪輯左/右邊緣內(nèi)容。

　　提示:使用overflow-y屬性來(lái)判斷頂部和底部邊緣是否裁剪。

　　默認(rèn)值： visible

　　繼承： no

　　版本： CSS3

　　JavaScript語(yǔ)法： object.style.overflowX="scroll"

　　語(yǔ)法

　　overflow-x:visible|hidden|scroll|auto|no-display|no-content;

　　值 描述

　　visible 不裁剪內(nèi)容，可能會(huì)顯示在內(nèi)容框之外。

　　hidden 裁剪內(nèi)容-不提供滾動(dòng)機(jī)制。

　　scroll 裁剪內(nèi)容-提供滾動(dòng)機(jī)制。

　　auto 如果溢出框，則應(yīng)該提供滾動(dòng)機(jī)制。

　　no-display 如果內(nèi)容不適合內(nèi)容框，則刪除整個(gè)框。

　　no-content 如果內(nèi)容不適合內(nèi)容框，則隱藏整個(gè)內(nèi)容。

以上是“css中溢出英文不換行的方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！