自拍亚洲一区欧美另类,亚洲成人影院,亚洲午夜久久久久妓女影院,最近中文字幕高清中文字幕无,亚洲熟妇av一区二区三区漫画

互聯(lián)網(wǎng)知識(shí)

精準(zhǔn)傳達(dá) ? 價(jià)值共享

洞悉互聯(lián)網(wǎng)前沿資訊,探尋網(wǎng)站營(yíng)銷規(guī)律

div文本框改成文字向下滑動(dòng)的特效

作者:foxl | 2019-10-18 22:14 |點(diǎn)擊:

在做網(wǎng)站的時(shí)候 有的時(shí)候文本太長(zhǎng) 我們想要改成文字可以向下滑動(dòng)效果如圖

就像這樣 在文字的右側(cè)有滑動(dòng)的



下面講解一下div文本框改成文字向下滑動(dòng)的特效的方法

添加一個(gè)css樣式即可
 
 
                overflow-yauto;(內(nèi)容會(huì)被修剪,超出設(shè)置的寬高后會(huì)出現(xiàn)滾動(dòng)條)

添加這個(gè)樣式即可 



overflow 一共有5個(gè)屬性
1、overflow: auto ;   //內(nèi)容會(huì)被修剪,超出設(shè)置的寬高后會(huì)出現(xiàn)滾動(dòng)條
2、overflow: scroll ;  //內(nèi)容會(huì)被修剪,不管內(nèi)容是否超出,都會(huì)出現(xiàn)滾動(dòng)條的位置
3、overflow: visible ;  //這個(gè)是默認(rèn)值,內(nèi)容不會(huì)被修剪,會(huì)出現(xiàn)在元素框外面。
4、overflow: hidden ;  //內(nèi)容被修剪,多余的內(nèi)容被隱藏
5、overflow: inherit ;   //從父元素那里繼承overflow的值。
 
怎么只顯示橫向的滾動(dòng)條?
 
可以設(shè)置:overflow-x:scroll,或者:overflow-y:hidden 即可實(shí)現(xiàn)這個(gè)效果。
同理如果 :  overflow-y:scroll或者:overflow-x:hidden 是只顯示豎的滾動(dòng)條,不顯示橫向
overflow:scroll  如果你想讓滾動(dòng)條自始至終都存在,而不僅僅是內(nèi)容超出后才出現(xiàn),
 

該標(biāo)簽的說(shuō)明

裁剪 div 元素中內(nèi)容的左/右邊緣 - 如果溢出元素的內(nèi)容區(qū)域的話:

瀏覽器支持

所有主流瀏覽器都支持 overflow-y 屬性。

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

定義和用法

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


如沒(méi)特殊注明,文章均為狐靈科技原創(chuàng),轉(zhuǎn)載請(qǐng)注明?? "div文本框改成文字向下滑動(dòng)的特效
多一份免費(fèi)策劃方案,總有益處。

請(qǐng)直接添加技術(shù)總監(jiān)微信聯(lián)系咨詢

網(wǎng)站設(shè)計(jì) 品牌營(yíng)銷

多一份參考,總有益處

聯(lián)系狐靈科技,免費(fèi)獲得專屬《策劃方案》及報(bào)價(jià)

咨詢相關(guān)問(wèn)題或預(yù)約面談,可以通過(guò)以下方式與我們聯(lián)系

業(yè)務(wù)熱線:15082661954 / 大客戶專線:15523356218