這篇文章主要為大家展示了“CSS中overflow指的是什么意思”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“CSS中overflow指的是什么意思”這篇文章吧。
十堰鄖陽網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,十堰鄖陽網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為十堰鄖陽成百上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢,請(qǐng)找那個(gè)售后服務(wù)好的十堰鄖陽做網(wǎng)站的公司定做!
在CSS中,overflow是“溢出”的意思,該屬性規(guī)定當(dāng)內(nèi)容溢出元素框時(shí)發(fā)生的事情,設(shè)置內(nèi)容是否會(huì)被修剪,溢出部分是否會(huì)被隱藏;例如當(dāng)屬性值設(shè)置為“visible”則內(nèi)容不會(huì)被修剪,為“hidden”則內(nèi)容會(huì)被修剪并且其余內(nèi)容是不可見的。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在CSS中,overflow是“溢出”的意思,該屬性規(guī)定當(dāng)內(nèi)容溢出元素框時(shí)發(fā)生的事情。
overflow屬性支持4個(gè)屬性,可設(shè)置當(dāng)內(nèi)容溢出元素框時(shí)的4種處理方式:
visible 默認(rèn)值。內(nèi)容不會(huì)被修剪,會(huì)呈現(xiàn)在元素框之外。
hidden 內(nèi)容會(huì)被修剪,并且其余內(nèi)容是不可見的。
scroll 內(nèi)容會(huì)被修剪,但是瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
auto 如果內(nèi)容被修剪,則瀏覽器會(huì)顯示滾動(dòng)條以便查看其余的內(nèi)容。
overflow 屬性
如果元素中的內(nèi)容超出了給定的寬度和高度屬性,overflow 屬性可以確定是否顯示滾動(dòng)條等行為。
overflow: scroll:
測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!overflow: hidden:
測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!overflow: auto:
測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!overflow: visible (默認(rèn)):
測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!測(cè)試文本!
以上是“CSS中overflow指的是什么意思”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!