本篇文章給大家分享的是有關(guān)怎么使用overflow-x屬性，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

創(chuàng)新互聯(lián)是一家以成都網(wǎng)站建設(shè)公司、網(wǎng)頁(yè)設(shè)計(jì)、品牌設(shè)計(jì)、軟件運(yùn)維、營(yíng)銷推廣、小程序App開(kāi)發(fā)等移動(dòng)開(kāi)發(fā)為一體互聯(lián)網(wǎng)公司。已累計(jì)為成都辦公窗簾等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開(kāi)發(fā)服務(wù)。

 overflow-x屬性是用來(lái)指定當(dāng)元素溢出內(nèi)容區(qū)域時(shí)，是否對(duì)內(nèi)容的左/右邊緣進(jìn)行裁剪。

CSS3  overflow-x屬性

作用：overflow-x屬性規(guī)定是否對(duì)內(nèi)容的左/右邊緣進(jìn)行裁剪 - 如果溢出元素內(nèi)容區(qū)域的話。

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

語(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)容。

注：overflow-x 屬性無(wú)法在 IE8 以及更早的瀏覽器正確地工作。

CSS3  overflow-x屬性的使用示例

這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。


Overflow-x 是否對(duì)內(nèi)容的左/右邊緣進(jìn)行裁剪。
Overflow-y 是否對(duì)內(nèi)容的上/下邊緣進(jìn)行裁剪。

效果圖：

以上就是怎么使用overflow-x屬性，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

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

本文標(biāo)題：怎么使用overflow-x屬性-創(chuàng)新互聯(lián)
當(dāng)前網(wǎng)址：http://weahome.cn/article/dgeosd.html