html溢出左右滚动,html-选项卡溢出时水平滚动

我在容器中有一个基本表。该表将包含约25列。我正在尝试在表格溢出时添加水平滚动条，现在过得很艰难。

现在正在发生的情况是，表格单元格通过自动调整单元格的高度并保持固定的表格宽度来容纳单元格的内容。

对于我的方法为何无法解决此问题的建议，我深表感谢。

提前谢谢了！

的CSS

.search-table-outter {margin-bottom:30px; }

.search-table{table-layout: fixed; margin:40px auto 0px auto; overflow-x:scroll; }

.search-table, td, th{border-collapse:collapse; border:1px solid #777;}

th{padding:20px 7px; font-size:15px; color:#444; background:#66C2E0;}

td{padding:5px 10px; height:35px;}

tr:nth-child(even) {background: #f5f5f5;}

tr:nth-child(odd) {background: #FFF;}

的HTML

Col1	col2	col3	col4	col5	col5

JS小提琴(注意：如果可能，我希望水平滚动条位于带有红色边框的容器中)：[http://jsfiddle.net/ZXnqM/3/]

html溢出左右滚动,html-选项卡溢出时水平滚动相关推荐

android自定义横竖双向滚动,Android开发实现自定义水平滚动的容器示例
Android开发实现自定义水平滚动的容器示例发布时间:2020-09-12 01:25:56 来源:脚本之家阅读:71 作者:CharlinGod 本文实例讲述了Android开发实现自定义水平 ...
0.96寸OLED（SSD1306）屏幕显示（三）——屏幕垂直水平滚动
0.96寸OLED(SSD1306)屏幕显示 (一)基础功能介绍 (二)超长文字水平滚动 (三)屏幕垂直水平滚动文章目录一.垂直水平滚动方法 1)SSD1306驱动芯片 2)SSD1315驱动芯片 ...
flex布局，左边右边高度固定，左边溢出的内容鼠标滚轮显示，左边滚动右边视图不动
flex布局,左边右边高度固定,左边溢出的内容鼠标滚轮显示,左边滚动右边视图不动代码如下 <!doctype html> <html lang="en"> ...
linux 修改jmeter内存溢出,jmeter本机内存溢出如何修改？
websocket连接过程中内存溢出,本机配置的内存最大和最小设置的512: 一.后台返回二.结果树返回: Thread Name: 线程组 1-9 Sample Start: 2017-09-11 ...
spark如何防止内存溢出_什么叫内存溢出？内存泄漏的定义又是什么？使用中如何避免？...
一.基本概念内存溢出:简单地说内存溢出就是指程序运行过程中申请的内存大于系统能够提供的内存,导致无法申请到足够的内存,于是就发生了内存溢出. 内存泄漏:内存泄漏指程序运行过程中分配内存给临时变量,用 ...
python堆栈溢出的原因_堆栈溢出一般是什么原因
堆栈是一个在计算机科学中经常使用的抽象数据类型.堆栈中的物体具有一个特性: 最后一个放入堆栈中的物体总是被最先拿出来, 这个特性通常称为后进先出(LIFO)队列. 堆栈中定义了一些操作. 两个最重要的 ...
WPF 列表虚拟化时的滚动方式
ListBox的滚动方式分为像素滚动和列表项滚动通过ListBox的附加属性ScrollViewer.CanContentScroll来设置.因此ListBox的默认模板中,含有ScrollVie ...
html 下拉到一定位置,浏览器向下滚动到一定位置继续滚动时，侧边导航固定在页面顶部，再滚动到一定位置时页面再向下滚动侧边导航不再固定。这种效果怎么实现呢...
1.浏览器向下滚动到一定位置继续滚动时,侧边导航固定在页面顶部,再滚动到一定位置时页面再向下滚动侧边导航不再固定.页面向上滚动到一定位置继续滚动时,侧边导航保持在原来位置.这种效果怎么实现呢 2.. ...
python读取文件数据堆栈溢出的原因_堆栈溢出一般是什么原因?
堆栈是一个在计算机科学中经常使用的抽象数据类型.堆栈中的物体具有一个特性: 最后一个放入堆栈中的物体总是被最先拿出来, 这个特性通常称为后进先出(LIFO)队列. 堆栈中定义了一些操作. 两个最重要的 ...

html溢出左右滚动,html-选项卡溢出时水平滚动

html溢出左右滚动,html-选项卡溢出时水平滚动相关推荐

最新文章

热门文章