這篇文章主要介紹css如何設(shè)置溢出隱藏，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的遵化網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

css設(shè)置溢出隱藏的方法：首先創(chuàng)建一個HTML示例文件；然后在body中定義一些p標(biāo)簽內(nèi)容；最后通過“overflow:hidden”屬性來設(shè)置溢出隱藏即可。

在CSS中，可以利用overflow屬性，使用overflow:hidden來設(shè)置溢出隱藏。

overflow屬性

overflow屬性規(guī)定當(dāng)內(nèi)容溢出元素框時發(fā)生的事情。

這個屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會如何處理。如果值為 scroll，不論是否需要，用戶代理都會提供一種滾動機(jī)制。因此，有可能即使元素框中可以放下所有內(nèi)容也會出現(xiàn)滾動條。

說明：所有主流瀏覽器都支持 overflow 屬性。

可能的值

visible：默認(rèn)值。內(nèi)容不會被修剪，會呈現(xiàn)在元素框之外。

hidden：內(nèi)容會被修剪，并且其余內(nèi)容是不可見的。

scroll：內(nèi)容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內(nèi)容。

auto：如果內(nèi)容被修剪，則瀏覽器會顯示滾動條以便查看其余的內(nèi)容。

示例：

div {
background-color: pink;
width: 150px;
height: 150px;
overflow: hidden
}



如果元素中的內(nèi)容超出了給定的寬度和高度屬性，overflow 屬性可以確定是否顯示滾動條等行為。

這個屬性定義溢出元素內(nèi)容區(qū)的內(nèi)容會如何處理。如果值為 scroll，不論是否需要，
用戶代理都會提供一種滾動機(jī)制。因此，有可能即使元素框中可以放下所有內(nèi)容也會出現(xiàn)滾動條。
默認(rèn)值是 visible。

效果圖：

以上是“css如何設(shè)置溢出隱藏”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！