bootstrap滚动条
来源:互联网 发布:免费刷金币软件 编辑:程序博客网 时间:2024/06/18 05:37
一:添加bootstrap样式增加滚动条
例如是在<div >中添加pre-scrollable:<div class="pre-scrollable">
二:通过设置overflow增加滚动条
(1)<div style=" overflow:scroll; width:400px; height:400px;”></div>
记住宽和高一定要设置噢,否则不成的,不过在不超出时,会有下面的滚动条,所以不是最好的选择.
(2)<div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div>
记住宽和高一定要设置噢,否则不成的.这样比较好的是,在宽和高不超出时,只是一条线.\
(3)直接为div指定overflow属性为auto即可,但是必须指定div的高度,如下:
<div style="position:absolute; height:400px; overflow:auto"></div>
如果要出现水平滚动条,则: overflow-x:auto
同理,垂直滚动条为: overflow-y:auto
如果该div被包含在其他对象例如td中,则位置可设为相对:position:relative
三:隐藏滚动条
{overflow: hidden !important;} 或者 {overflow-x: hidden; overflow-y: hidden;}可分别隐藏x轴或y轴的滚动条
阅读全文
0 0
- bootstrap 增加滚动条
- bootstrap横向滚动条
- Bootstrap 滚动条
- bootstrap滚动条
- bootstrap+滚动条
- Bootstrap 滚动条
- Bootstrap Modal 加滚动条
- bootstrap列表添加滚动条
- bootstrap模态框添加滚动条
- bootstrap弹出模态框滚动条问题
- table 超多列 滚动条 自适应 bootstrap
- Bootstrap Modal 垂直方向加滚动条
- bootstrap-多层模态框滚动条消失问题
- Bootstrap Modal 垂直方向加滚动条
- bootstrap 多重模态框 滚动条消失问题
- js bootstrap 设置滚动条滚动到最后
- bootstrap栅栏布局下水平滚动条的处理
- bootstrap 使用row时出现的左右方向滚动条
- Bandhook-Kotlin 开源 android [记录]
- 解决 Cannot change version of project facet Dynamic web 3.0
- 脉冲云集群管理
- String、StringBuffer、StringBuilder的区别
- Failed to read HTTP message: org.springframework.http.converter.HttpMessageNotReadableException: Cou
- bootstrap滚动条
- C语言字节对齐问题详解(对齐、字节序、网络序等)
- java笔记之static
- Amazon API Gateway 常见问题
- 1 排序算法总结
- 有序广播与无序广播案例
- Windows C++ Redis
- 微信网页授权 oauth2.0
- 使用Redis实现MQ