這篇文章給大家分享的是有關(guān)CSS3中內(nèi)容溢出的示例分析的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)自成立以來，一直致力于為企業(yè)提供從網(wǎng)站策劃、網(wǎng)站設(shè)計、成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、電子商務(wù)、網(wǎng)站推廣、網(wǎng)站優(yōu)化到為企業(yè)提供個性化軟件開發(fā)等基于互聯(lián)網(wǎng)的全面整合營銷服務(wù)。公司擁有豐富的網(wǎng)站建設(shè)和互聯(lián)網(wǎng)應(yīng)用系統(tǒng)開發(fā)管理經(jīng)驗、成熟的應(yīng)用系統(tǒng)解決方案、優(yōu)秀的網(wǎng)站開發(fā)工程師團(tuán)隊及專業(yè)的網(wǎng)站設(shè)計師團(tuán)隊。

CSS3內(nèi)容溢出屬性
在CSS中的每一個元素都視為一個盒子，這個盒子就是一個容器。容器就有大小之分，如果在樣式中指定盒子的寬度與高度，可能某些內(nèi)容在盒子中就會容不下， 此時 就可以使用overflow 屬性來指定如何顯示盒中容納不下的內(nèi)容。overflow 屬性是CSS2.1規(guī)范中的特性， 而在CSS3中增加了overflow-x和overflow-y 屬性。
overflow-x主要是用來定義對水平方向內(nèi)容溢出的剪切， 而overflow-y主要用來定義對垂直方向內(nèi)容溢出的剪切。
和 overflow屬性參數(shù)一樣， overflow-x和overflow-y屬性值取不同的值所起的作用不一樣。
-visible： 默認(rèn)值。 表示不剪切容器中的任何內(nèi)容、不添加滾動條，元素將被剪切為包含對象的窗口大小，而且clip屬性設(shè)置將失效。
http:/ /www.iis7.com/b/plc/
-auto：在需要時剪切內(nèi)容并添加滾動條。也就是說也就是說當(dāng)內(nèi)容超過容器的寬度或者高度時，溢出的內(nèi)容將會隱藏在容器中，并且會添加滾動條，用戶可以拖動滾動條查看隱藏在容器中的內(nèi)容。
-hidden： 內(nèi)容溢出容器時，所有內(nèi)容都將隱藏，而且不顯示滾動條。
-scroll： 不管內(nèi)容有沒有溢出容器，overflow-x都會顯示橫向的滾動條，而overflow-y會顯示縱向的滾動條。
-no- display： 當(dāng)內(nèi)容溢出容器時不顯示元素，此時類似于元素添加了 display: none聲明 一樣。
-no- content： 當(dāng)內(nèi)容溢出容器時不顯示內(nèi)容，此時類似于添加了 visibility: hidden聲明 一樣。

感謝各位的閱讀！關(guān)于“CSS3中內(nèi)容溢出的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享題目：CSS3中內(nèi)容溢出的示例分析-創(chuàng)新互聯(lián)
文章網(wǎng)址：http://weahome.cn/article/djidjd.html