<i id='kx0cidp7'><tr id='isni2e1n'><dt id='ma9ne2c5'><q id='gtbvazxy'><span id='m8kv9hye'><b id='zk9ghd5c'><form id='mvt76yx5'><ins id='i8jdfhg9'></ins><ul id='xkzilvmt'></ul><sub id='v0ehp6ej'></sub></form><legend id='nn7fvd09'></legend><bdo id='tjtnyhvp'><pre id='nn4bl9f1'><center id='bjqeimpv'></center></pre></bdo></b><th id='ccich2dm'></th></span></q></dt></tr></i><div id='l4qlw5cw'><tfoot id='em64ufm6'></tfoot><dl id='kus8jr59'><fieldset id='p30iu3t3'></fieldset></dl></div>

<small id='4mg1syg2'></small><noframes id='7dszfy4q'>

    <legend id='ow655qgc'><style id='m4a66v0b'><dir id='furlv41g'><q id='eyr41yj5'></q></dir></style></legend>

    1. <tfoot id='nkmd8swf'></tfoot>
      • <bdo id='rlujpw7v'></bdo><ul id='736364ds'></ul>

    2. 精准传达 • 价值共享

      洞悉互联网前沿资讯,探寻网站营销规律

      div文本框改成文字向下滑动的特效

      作者: 庚午网络 | 2021-01-13 08:56 |点击:

      <tfoot id='mhpoubs8'></tfoot>

      <legend id='6cz05u03'><style id='fpcwjarj'><dir id='d7bi8qwq'><q id='mg32e00q'></q></dir></style></legend>
        <i id='msretngi'><tr id='ael9wwbn'><dt id='409cx44f'><q id='djjsl9ee'><span id='pqhc3g3u'><b id='wzpxx4eb'><form id='5e5yp60s'><ins id='ozshoj1x'></ins><ul id='4nc2scyy'></ul><sub id='7d6givj8'></sub></form><legend id='mr4mzzob'></legend><bdo id='lwksuycb'><pre id='wvjs5qmw'><center id='28at9iz4'></center></pre></bdo></b><th id='p8y3z0no'></th></span></q></dt></tr></i><div id='ds4g11km'><tfoot id='sanqfw8m'></tfoot><dl id='ay940d7o'><fieldset id='rcb3ltue'></fieldset></dl></div>

        <small id='uecjn4tw'></small><noframes id='bu64t1op'>

          <bdo id='46fs1pea'></bdo><ul id='dh0a1zia'></ul>
            <tbody id='8n05msy7'></tbody>
                做网站的时候 有的时候文本太长 我们想要改成文字可以向下滑动效果如图

                就像这样 在文字的右侧有滑动的



                下面讲解一下div文本框改成文字向下滑动的特效的方法

                添加一个css样式即可
                 
                 
                                overflow-yauto;(内容会被修剪,超出设置的宽高后会出现滚动条)

                添加这个样式即可 



                overflow 一共有5个属性
                1、overflow: auto ;   //内容会被修剪,超出设置的宽高后会出现滚动条
                2、overflow: scroll ;  //内容会被修剪,不管内容是否超出,都会出现滚动条的位置
                3、overflow: visible ;  //这个是默认值,内容不会被修剪,会出现在元素框外面。
                4、overflow: hidden ;  //内容被修剪,多余的内容被隐藏
                5、overflow: inherit ;   //从父元素那里继承overflow的值。
                 
                怎么只显示横向的滚动条?
                 
                可以设置:overflow-x:scroll,或者:overflow-y:hidden 即可实现这个效果。
                同理如果 :  overflow-y:scroll或者:overflow-x:hidden 是只显示竖的滚动条,不显示横向
                overflow:scroll  如果你想让滚动条自始至终都存在,而不仅仅是内容超出后才出现,
                 

                该标签的说明

                裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话:

                浏览器支持

                所有主流浏览器都支持 overflow-y 属性。

                注释:overflow-y 属性无法在 IE8 以及更早的浏览器正确地工作。

                定义和用法

                overflow-y 属性规定是否对内容的上/下边缘进行裁剪 - 如果溢出元素内容区域的话。


                二度创作,如有侵权请联系删除。如没特殊注明,文章均为庚午网络原创,转载请注明https://www.hngengwu.com/gengwuwenku/709.html

              1. <legend id='krq51bqk'><style id='b6llp506'><dir id='xvn7n2c0'><q id='ul2cqnq7'></q></dir></style></legend>

                <small id='e9ogf2w1'></small><noframes id='47r8ttx9'>

                <tfoot id='5x4n5a8f'></tfoot>

                    <i id='rolk7gx1'><tr id='9x6om658'><dt id='m9tkug2w'><q id='lxsc78jo'><span id='2xxhq0oj'><b id='boeb12lv'><form id='37meuwgn'><ins id='hf1yd993'></ins><ul id='o5tne789'></ul><sub id='m1bu7dx3'></sub></form><legend id='o5hx73iv'></legend><bdo id='gvaxlhxi'><pre id='ajbltxxy'><center id='50zbwo6m'></center></pre></bdo></b><th id='v1s3n4oy'></th></span></q></dt></tr></i><div id='txmuhvt0'><tfoot id='y75w9ohj'></tfoot><dl id='zys127n0'><fieldset id='aueivgea'></fieldset></dl></div>
                    • <bdo id='ewk50o49'></bdo><ul id='orvaxr25'></ul>
                    多一份策划方案,总有益处。

                    请直接添加技术总监微信联系咨询

                    网站设计 品牌营销

                    多一份参考,总有益处

                    联系庚午网络,获得专属《策划方案》及报价

                    咨询相关问题或预约面谈,可以通过以下方式与我们联系

                    业务热线:18574395938 / 大客户专线:18574395938