如何让html的div内容溢出后显示滚动条
来源:互联网 发布:年度质量数据汇总图表 编辑:程序博客网 时间:2024/05/23 01:14
很多小伙伴会在写页面时有这样一个困扰,当div固定高度时导致里面的内容溢出,而影响了整体美观。
这篇文章主要介绍了如何限制div高度当内容多了溢出时显示滚动条,这个方法很实用,特别是在需要显示更多内容的时候。
关键在overflow-y:auto;
这篇文章主要介绍了如何限制div高度当内容多了溢出时显示滚动条,这个方法很实用,特别是在需要显示更多内容的时候。
关键在overflow-y:auto;
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"content="text/html; charset=utf-8" /> <title>限制div高度,内容多了显示滚动条</title> <style type="text/css"> div{ border-radius:5px;border:1px solidred;padding:10px;} #test{min-height:250px;overflow-y:auto;max-height:300px;} </style> </head> <body> <div> <div id="test"> <table> <tr><td>1</td></tr><tr><td>2</td></tr> <tr><td>3</td></tr><tr><td>4</td></tr> <tr><td>5</td></tr><tr><td>6</td></tr> <tr><td>7</td></tr><tr><td>8</td></tr> <tr><td>9</td></tr><tr><td>10</td></tr> <tr><td>5</td></tr><tr><td>6</td></tr> <tr><td>7</td></tr><tr><td>8</td></tr> <tr><td>9</td></tr><tr><td>10</td></tr> </table> </div> </div> </body> </html> </span>
0 0
- 如何让html的div内容溢出后显示滚动条
- 如何让div根据内容自动显示水平垂直滚动条
- 限制div高度当内容多了溢出时显示滚动条
- Study Html《如何让DIV固定在页面的某个位置而不随着滚动条随意滚动》
- div块的overflow属性,自动为溢出内容区的内容增加滚动条
- Study Html《div 显示滚动条的CSS代码》
- 如何控制Div的滚动条是否显示
- html滚动条使用,以及页面有多个div块,如何让body页面不使用滚动条,只在某个div内使用滚动条
- 如何让Flex的Tree显示水平滚动条
- 在CListView中用SetScrollPos改变滚动条的位置后,窗口中显示的内容如何也跟着移动实现。
- 如何让UITextView一直显示滚动条
- html DIV 滚动条
- div 能控制内容显示多少吗? 多的内容就隐藏或者有滚动条
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- 如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
- DIV滚动条显示
- div显示滚动条
- C++-正确使用memset
- Viewdraghelper解析
- mkdir-yum-tree命令应用案例
- 顺丰查询接口参数及对接demo
- Hadoop2.7.3 + Hive 2.1.0 + HBase 1.2.3 整合
- 如何让html的div内容溢出后显示滚动条
- maven学习笔记
- 如何发送AT指令
- 第九周项目5—对称矩阵的压缩存储以及基本运算
- 规则引擎 Drools 6.4.0Final版本2
- Eclipse快捷键
- IOError: [Errno 22] invalid mode ('r') or filename;错误的处理方法
- Nginx动静分离实现
- 编译原理_词法分析