HTML如何实现带有滚动条的文本框

一、滚动条在右端:

关键处：

overflow-y:auto（表示开启右方的滑动条）或者overflow-x:hidden（表示隐藏下方的滑动条）

  <div style="width: 100px;height: 100px; overflow-x:hidden;"><p>ZTY</p><p>LPJ</p><p>LXH</p></div>

或者

  <div style="width: 100px;height: 100px; overflow-y:auto;"><p>ZTY</p><p>LPJ</p><p>LXH</p></div>

二、滚动条在下端:

关键处：

overflow-x:auto（表示开启下方的滑动条）或者overflow-y:hidden（表示隐藏右方的滑动条）

    <div style="width: 100px;height: 200px; overflow-x:auto;"><p>ZTYisxxyearsoldnowhhh</p><p>LPJisxxyearsoldnowhhh</p><p>DYisxxyearsoldnowhhh</p></div>

或者

    <div style="width: 100px;height: 200px; overflow-y:hidden;"><p>ZTYisxxyearsoldnowhhh</p><p>LPJisxxyearsoldnowhhh</p><p>DYisxxyearsoldnowhhh</p></div>

三、滚动条右端下端都有:

关键点：overflow-x:auto overflow-y:auto （表示开启右方和下方的滑动条）

    <div style="width: 100px;height: 100px; overflow-x:auto ;overflow-y: auto;"><p>ZTYisxxyearsold</p><p>LPJisxxyearsold</p><p>DYisxxyearsold</p></div>

HTML如何实现带有滚动条的文本框相关推荐

如何在博客等文章中添加带有滚动条的文本框
在博客中添加带滚动条的文本框能大大提高文章的可读性. 1. 以csdn博客为例我们在csdn发布博客的时候会在编辑区看到一个源代码的工具. 注:各类博客产品是不一样的,有的可能是个复选框 2. 我们 ...
unity3d v5.1.1 ugui 带垂直滚动条的文本框
http://www.cnblogs.com/zhaoqingqing/p/3973167.html?utm_source=tuicool http://blog.csdn.net/rcfalcon/ ...
html带滚动条的文本框自动滚,Powerpoint中实现带滚动条文本框的技巧
在使用PowerPoint制作幻灯片时,会遇到这样的问题:一个图文并茂的幻灯片,左面是图,右面是说明文字,文字内容过多,不能全部展示:又如,产品演示,分成若干页,上翻下翻十分不便,放在一页又受版面限制 ...
html中滑动文本框怎么写,html在文本框中加入滚动条
我们都知道大篇幅的文章会占据页面的大部分空间,从而影响页面整体的美观性,而通过为其添加一个带有滚动条的文本框,则能够很好地解决上述问题.下面就是相关语法: style=' color: #ffffff ...
Word中的滚动文本框是如何制作（可以）
在对文档进行排版的过程中,有时候需要对某些内容.图片进行备注说明,或是需要在某处添加一个外部文档的内容,但由于要添加的内容过多,直接添加到该处可能会影响排版,同时上翻下翻十分不便,放在一页又受版面限制 ...
Python响应Ctrl键+鼠标滚轮操作动态调整文本框的字号
中国大学MOOC"Python程序设计基础"第5次开课推荐图书: <Python程序设计(第3版)>,(ISBN:978-7-302-55083-9),董付国,清华大 ...
wpf TextBox日志文本框
使用WPF的TextBox显示自定义日志 TextBox中显示各种日志,随滚动条的位置不同,日志显示需要有区别: 竖直滚动条在最下面时,最新日志添加到最末行,并显示最新日志:竖直滚动条不在最下面时,最 ...
VB中关于word给文本框插入数据
这里我用到了一个工具,是在word中插入带有名称的文本框这样可以迅速找到对应的文本框插入数据,工具链接:https://pan.baidu.com/s/1FtftRezCtt9J9OmbZEdSIg ...
滚动条的值如何赋值_如何给Word文本框添加滚动条？史上最详细步骤
在工作中我们经常需要使用Microsoft Word来进行编辑文件等,而Microsoft Word也总是能给我们许多的惊喜,因为它总能帮助我们去解决许多工作上的问题.当有些小伙伴不再是局限于仅仅使用 ...

HTML如何实现带有滚动条的文本框

一、滚动条在右端:

二、滚动条在下端:

三、滚动条右端下端都有:

HTML如何实现带有滚动条的文本框相关推荐

最新文章

热门文章