這篇文章主要為大家展示了“CSS如何隱藏超過固定寬度和高度的文字”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“CSS如何隱藏超過固定寬度和高度的文字”這篇文章吧。

創(chuàng)新互聯(lián)公司公司2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目做網(wǎng)站、成都網(wǎng)站建設(shè)網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元高昌做網(wǎng)站,已為上家服務(wù),為高昌各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220

在產(chǎn)DIV+CSS頁面時辰我們經(jīng)常會碰著文字橫跨固定的高度也叫內(nèi)容溢出，比及咱們做殘破個頁面時候內(nèi)容增進(jìn)上了后，發(fā)明有些地方翰墨超過了邊框內(nèi)容溢出，甚至翰墨跑出CSS設(shè)置裝備擺設(shè)的邊框線，以下圖：
  

起首咱們設(shè)置裝備擺設(shè)類如：.STYLE1 { width:150px; height:80px;color: #000000; border:1px solid #FF0000;}，而翰墨我們也不知道重要幾多個筆墨才恰恰不超過配置的血色邊框，事實文字或圖片大了就逾越設(shè)置裝備擺設(shè)的BOX（CSS盒子）高與寬。

解決讓文字不越過CSS盒子的固定高寬咱們只緊要在此CSS類參與overflow:hidden;樣式就可，到場后CSS類：.STYLE1 { width:150px; height:80px;color: #000000; border:1px solid #FF0000;overflow:hidden;}效果即下圖：

這樣一來文字就將不會溢出越過配置固定的高和寬區(qū)。

說明：
Overflow是檢索或設(shè)置當(dāng)對象的內(nèi)容跨越其指定高度及寬度時如何籌劃形式。

Overflow語法： 
overflow : visible | auto | hidden | scroll

Overflow參數(shù)： 
visible : 　不剪切形式也不增加遷移轉(zhuǎn)變條。若是顯式申明此默認(rèn)值，對象將被剪切為包含對象的window或frame的大小。而且clip屬性設(shè)置將起效
auto : 　此為body對象與textarea的默許值。在須要時剪切模式并添加動彈條
hidden : 　不顯示逾越對象尺寸的模式
scroll : 　總是體現(xiàn)遷移轉(zhuǎn)變條

以上是“CSS如何隱藏超過固定寬度和高度的文字”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！