1. <dd id="5jlnw"><center id="5jlnw"></center></dd>
    <dd id="5jlnw"><track id="5jlnw"></track></dd>

    <th id="5jlnw"></th>
    <em id="5jlnw"><acronym id="5jlnw"></acronym></em>
    1. 立即注冊 找回密碼

      QQ登錄

      只需一步,快速開(kāi)始

      查看: 4335|回復: 0
      打印 上一主題 下一主題

      [Html 教程] html當中關(guān)于滾動(dòng)條的設置-讓div內容超出后自動(dòng)顯示滾動(dòng)條

      [復制鏈接]
      跳轉到指定樓層
      樓主
      發(fā)表于 2018-1-6 02:39:00 | 只看該作者 |只看大圖 回帖獎勵 |倒序瀏覽 |閱讀模式
      道勤網(wǎng)-數據www.bmrsportswear.com

      親注冊登錄道勤網(wǎng)-可以查看更多帖子內容哦。ò蕡D片、文字詳情等)請您及時(shí)注冊登錄-www.bmrsportswear.com

      您需要 登錄 才可以下載或查看,沒(méi)有賬號?立即注冊

      x
      本帖最后由 學(xué)習NO.1 于 2018-1-6 02:51 編輯

      html中,我們經(jīng)?吹疥P(guān)于一個(gè)頁(yè)面,如果內容很多的話(huà),是會(huì )有滾動(dòng)條出現的,今天道勤的一個(gè)馬爾代夫的朋友問(wèn)小編,關(guān)于滾動(dòng)條的內容,今天小編給大家講下這個(gè)方面的內容;其實(shí)也比較簡(jiǎn)單,無(wú)非也就是
      overflow:auto  ;這個(gè)標簽的介紹

      我們通過(guò)一個(gè)div來(lái)給大家講解下,
      如果div中的內容超出后自動(dòng)顯示滾動(dòng)條的效果?最近在做項目中遇到這樣的一個(gè)問(wèn)題,因為在彈框中的內容太多,彈框的大小固定,超出的內容我們用滾動(dòng)條的效果來(lái)解決。

      問(wèn)題一:怎么讓div內容超出后自動(dòng)顯示滾動(dòng)條
      只需要用到css的一個(gè)overflow:auto的屬性就可以實(shí)現這效果了。下面我們看看代碼和實(shí)現的效果。
      這次我做的是在一個(gè)div里面嵌套的div里實(shí)現的滾動(dòng)條效果,如果你想讓外部的div顯示滾動(dòng)條效果,只需在外部的div的class里面設置:overflow:auto即可。先要給定要設置出現滾動(dòng)條div的寬高,內容超出給定的寬高之后,即可出現滾動(dòng)條效果。

      延伸:overflow:scroll.如果你想讓滾動(dòng)條自始至終都存在,而不僅僅是內容超出后才出現,可以用overflow:scroll屬性。如下圖所示:(如果內容還未超過(guò)設置的寬高,那么不會(huì )顯示下拉的那個(gè)條)
      問(wèn)題二:怎么只顯示橫向的滾動(dòng)條?
      可以設置:overflow-x:scroll,或者:overflow-y:hidden即可實(shí)現這個(gè)效果。
      同理如果overflow-y:scroll或者:overflow-x:hidden是只顯示豎的滾動(dòng)條,不顯示橫向的滾動(dòng)條。提示:如果設置橫向滾動(dòng)條的時(shí)候,一直不顯示橫向拉的那個(gè)條是因為你的內容還不足以讓它顯示出來(lái),如果是文字的話(huà),它自動(dòng)換行了,所以就不顯示,當設置white-space:nowrap;(不換行)的時(shí)候,內容超出就會(huì )出現。
      關(guān)于overflow的其他屬性的介紹:
      overflow 一共有5個(gè)屬性。
      1、overflow:auto  ;內容會(huì )被修剪,超出設置的寬高后會(huì )出現滾動(dòng)條
      2、overflow:scroll;內容會(huì )被修剪,不管內容是否超出,都會(huì )出現滾動(dòng)條的位置
      3、overflow:visible;這個(gè)是默認值,內容不會(huì )被修剪,會(huì )出現在元素框外面。
      4、overflow:hidden;內容被修剪,多余的內容被隱藏
      5、overflow:inherit;從父元素那里繼承overflow的值。
      關(guān)于html的滾動(dòng)條問(wèn)題,請看另外一篇文章
      html當中div如何自適應增加滾動(dòng)條的具體方法


      道勤主機提供365天*24小時(shí)全年全天無(wú)休、實(shí)時(shí)在線(xiàn)、零等待的售后技術(shù)支持。竭力為您免費處理您在使用道勤主機過(guò)程中所遇到的一切問(wèn)題! 如果您是道勤主機用戶(hù),那么您可以通過(guò)QQ【792472177】、售后QQ【59133755】、旺旺【詮釋意念】、微信:q792472177免費電話(huà)、后臺提交工單這些方式聯(lián)系道勤主機客服! 如果您不是我們的客戶(hù)也沒(méi)問(wèn)題,點(diǎn)擊頁(yè)面最右邊的企業(yè)QQ在線(xiàn)咨詢(xún)圖標聯(lián)系我們并購買(mǎi)后,我們?yōu)槟赓M進(jìn)行無(wú)縫搬家服務(wù),讓您享受網(wǎng)站零訪(fǎng)問(wèn)延遲的遷移到道勤主機的服務(wù)!
      本內容系 道勤團隊 www.bmrsportswear.com 客服與技術(shù)人員研究整理的智慧結晶,轉載勿用于商業(yè)用途,并保留本文鏈接,侵權必究!
      dsu_marcocopyright:copy_link 

      【道勤網(wǎng)】- www.bmrsportswear.com 軟件視頻自學(xué)教程|免費教程|自學(xué)電腦|3D教程|平面教程|影視動(dòng)畫(huà)教程|辦公教程|機械設計教程|網(wǎng)站設計教程!【道勤網(wǎng)】 - 論壇版權1、本主題所有言論和圖片純屬會(huì )員個(gè)人意見(jiàn),與本論壇立場(chǎng)無(wú)關(guān)
      2、本站所有主題由該帖子作者發(fā)表,該帖子作者與【道勤網(wǎng)】- www.bmrsportswear.com 軟件視頻自學(xué)教程|免費教程|自學(xué)電腦|3D教程|平面教程|影視動(dòng)畫(huà)教程|辦公教程|機械設計教程|網(wǎng)站設計教程!【道勤網(wǎng)】享有帖子相關(guān)版權
      3、其他單位或個(gè)人使用、轉載或引用本文時(shí)必須同時(shí)征得該帖子作者和【道勤網(wǎng)】- www.bmrsportswear.com 軟件視頻自學(xué)教程|免費教程|自學(xué)電腦|3D教程|平面教程|影視動(dòng)畫(huà)教程|辦公教程|機械設計教程|網(wǎng)站設計教程!【道勤網(wǎng)】的同意
      4、帖子作者須承擔一切因本文發(fā)表而直接或間接導致的民事或刑事法律責任
      5、本帖部分內容轉載自其它媒體,但并不代表本站贊同其觀(guān)點(diǎn)和對其真實(shí)性負責
      6、如本帖侵犯到任何版權問(wèn)題,請立即告知本站,本站將及時(shí)予與刪除并致以最深的歉意
      7、【道勤網(wǎng)】- www.bmrsportswear.com 軟件視頻自學(xué)教程|免費教程|自學(xué)電腦|3D教程|平面教程|影視動(dòng)畫(huà)教程|辦公教程|機械設計教程|網(wǎng)站設計教程!【道勤網(wǎng)】管理員和版主有權不事先通知發(fā)貼者而刪除本文

      您需要登錄后才可以回帖 登錄 | 立即注冊

      本版積分規則

      關(guān)閉

      道勤網(wǎng)- 推薦內容!上一條 /2 下一條

      !jz_fbzt! !jz_sgzt! !jz_xgzt! 快速回復 !jz_fhlb! !jz_lxwm! !jz_gfqqq!

      Powered by DaoQin! X3.4 © 2016-2063 Dao Qin & 道勤科技

      快速回復 返回頂部 返回列表
      色综合网站国产麻豆_国产在线精品福利尤物_两个人的视频全免费观看高清_日日干狠狠干