九九综合九色综合网站_在线天堂免费观看.www_久久久久99精品成人片_国产精品欧美久久久久无广告_欧洲日本一线二线三线区本庄铃

Web前端知識(shí)

首頁(yè) > 免費(fèi) > Web前端知識(shí) >

CSS中Overflow屬性的詳解

來(lái)源:北京匯仁智杰科技有限公司   時(shí)間:2016-11-17   點(diǎn)擊: 次

檢索或設(shè)置當(dāng)對(duì)象的內(nèi)容超過(guò)其指定高度及寬度時(shí)如何管理內(nèi)容。

所有對(duì)象的默認(rèn)值是 visible ,除了 textarea 對(duì)象和 body 對(duì)象的默認(rèn)值是 auto 。設(shè)置 textarea 對(duì)象此屬性值為 hidden 將隱藏其滾動(dòng)條。

overflow屬性有四個(gè)值:visible (默認(rèn)), hidden, scroll, 和auto。同樣有兩個(gè)overflow的姐妹屬性overflow-y 和overflow-x,它們很少被采用。

Visible

如果你不設(shè)置overflow屬性,則默認(rèn)的overflow屬性值就是visible。所以一般而言,并沒(méi)有什么理由特別的設(shè)定overflow的屬性為visible除非你想覆蓋它在其它地方被設(shè)定的值。

Hidden

默認(rèn)值visible的相反的值就是hidden。它會(huì)將所有超出盒子的所有內(nèi)容都給隱藏掉。

這對(duì)應(yīng)付使用動(dòng)態(tài)的內(nèi)容,而且可能會(huì)由于內(nèi)容溢出而引起一些布局上的問(wèn)題的確很有用。盡管如此,請(qǐng)記住用此方法隱藏的內(nèi)容將徹底的看不到(除非去查看源代碼)。 比如有的用戶(hù)設(shè)置他們的瀏覽器的默認(rèn)字體比你預(yù)期的要大些,你會(huì)將一些文字推到盒子的外面然后完全的隱藏之……

Scroll

設(shè)置一個(gè)盒子的overflow值為scroll將會(huì)隱藏掉渲染到盒子之外的內(nèi)容,但是它將會(huì)提供一個(gè)滾動(dòng)條在盒子內(nèi)部滾動(dòng),從而可以查看剩下的內(nèi)容。

值得注意的是,使用scroll將會(huì)同時(shí)產(chǎn)生水平和垂直兩個(gè)滾動(dòng)條,就算內(nèi)容只需要其中一個(gè)。

Auto

overflow的auto值很像scroll,它唯一解決的是在你不需要的時(shí)候也會(huì)出現(xiàn)滾動(dòng)條的問(wèn)題。

網(wǎng)絡(luò)營(yíng)銷(xiāo)推廣?。”本﹨R仁智杰科技有限公司!

地址:北京市昌平區(qū)回龍觀龍冠大廈5層
咨詢(xún):15201492965
業(yè)務(wù)QQ:373002979
E - mail:sales @ huirenzhijie.com
企業(yè)網(wǎng)站備案:京ICP備15021091號(hào)-1

匯仁智杰與眾不同

  • 有網(wǎng)絡(luò)推廣經(jīng)驗(yàn)
  • 有網(wǎng)站建站隊(duì)伍
  • 有大型網(wǎng)站建設(shè)經(jīng)驗(yàn)
  • 致力于營(yíng)銷(xiāo)型網(wǎng)站建設(shè)
  • 始終堅(jiān)持技術(shù)和服務(wù)同樣重要
查看PC版網(wǎng)站
備案號(hào):京ICP備15021091號(hào)-1 版權(quán)所有:匯仁智杰