带水平滚动的HTML表格(固定四列)
带水平滚动的HTML表格是一种可以在网页上展示大量数据的表格形式，同时具备水平滚动条，以便用户可以在有限的空间内浏览表格内容。这种表格通常用于展示较宽的数据集，以确保表格在不占用过多页面空间的情况下能够完整显示。
优势：
- 提供了更好的用户体验：带水平滚动的表格可以在有限的空间内展示大量数据，使用户能够方便地浏览和比较数据。
- 节省页面空间：相比于传统的表格布局，带水平滚动的表格可以在页面上占用较小的空间，使页面更加整洁。
- 支持响应式设计：带水平滚动的表格可以根据不同设备的屏幕大小和方向进行适应性调整，提供更好的响应式体验。
应用场景：
- 数据报表展示：带水平滚动的表格适用于展示大量的数据报表，如销售数据、财务数据等。
- 数据对比：当需要对比多个数据集时，带水平滚动的表格可以提供便捷的比较方式。
- 数据分析：在进行数据分析时，带水平滚动的表格可以展示更多的数据细节，帮助分析师更好地理解和解读数据。
推荐的腾讯云相关产品： 腾讯云提供了一系列与云计算相关的产品和服务，以下是其中一些与HTML表格展示相关的产品：
- 腾讯云对象存储（COS）：用于存储和管理大规模的非结构化数据，可以将表格数据存储在COS中，并通过API进行读取和展示。产品介绍链接：https://cloud.tencent.com/product/cos
- 腾讯云云服务器（CVM）：提供可扩展的计算能力，可以在云服务器上部署网页应用程序，包括展示带水平滚动的HTML表格。产品介绍链接：https://cloud.tencent.com/product/cvm
- 腾讯云内容分发网络（CDN）：加速静态内容的传输，可以提高带水平滚动的HTML表格的加载速度和用户体验。产品介绍链接：https://cloud.tencent.com/product/cdn
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行评估和决策。
相关·内容
1回答
我正在尝试创建一个类似于Google Docs电子表格或Excel的电子表格，在这些电子表格中，您有一个满是数据的表格。当我垂直滚动时，第一行保持不变，当用户水平滚动时，第一列保持不变？我不是在找一个插件，只是想知道如何使用HTML/CSS来完成这个任务？我一直在看Google Docs电子表格的代码，但我找不到解决方案。有人能为此提供一个简单的例子吗？
例如：
jsFiddle：
在jsFiddle中，当您水平滚动时，我希望.row-header元素是固定的。当你垂直滚动时，.column-headers是固定的。
浏览 0提问于2011-10-01得票数 1
我已经看到了无数的解决方案，用于具有冻结列的可滚动的表，例如：
但我所追求的是让滚动显示在页面上(正文)，而不是表格或表格周围的容器。
编辑-它只是一个基本的HTML表格，它太大了，不能完全显示，所以有一个水平滚动。在页面主体上使用水平滚动的原因是，用户在能够水平滚动之前不必滚动到页面的底部。
.stickyCol2 tr th:nth-child(1),
.stickyCol2 tr td:nth-child(1){
position: absolute;
width: 50px;
le
浏览 1提问于2019-03-19得票数 2
4回答
我意识到这个问题在Stack Overflow上已经被问过很多次了；然而，在看过了其中的一些之后，我相信我的问题还有一个要求。我想转换一个常规的html表格，变成一个可以垂直和水平滚动的表格，而标题仍然在顶部。这个表格的宽度超过了页面的宽度，所以我需要在滚动表格时使标题水平移动。我更喜欢使用纯CSS方法；但是，如果需要的话，我会使用Javascript。还没有找到解决所有这些问题的解决方案。
浏览 0提问于2010-08-19得票数 4
1回答
我需要创建一个HTML表，其中有固定的列宽，比如每列200px。如果表格超出了浏览器视区的水平宽度，则应该有水平滚动来查看屏幕外的列。由于表是从数据库动态生成的，因此每次都会有不确定的列数，因此不能预先定义表的总宽度。
总而言之，我正在寻找一种方法，只需设置固定的列宽，然后告诉表在水平空间用完时水平滚动。如有任何建议，我们将不胜感激！
浏览 0提问于2010-10-15得票数 4
回答已采纳
我一直在努力创建一个表，其中前四列是固定的，而其余的列是水平滚动的。我找到了这个例子
它固定了第一列。我是CSS的新手，不能扩展到固定前四列。有人能帮上忙吗？对不起，这应该很简单，我就是做不到。
浏览 21提问于2016-08-30得票数 1
回答已采纳
我需要知道我是否可以冻结表格布局内的第一个表格行和第一个表格列，同时水平和垂直滚动。
当我水平滚动时，的列应该会冻结。当我垂直滚动时，表头或表头或第一行应该被冻结。
请回复，如果有任何api为此。
为此，我使用动态表，即我在执行webservice时加载行，并根据命中率加载行数。
浏览 0提问于2015-10-09得票数 0
1回答
我在第三和第四列中有一个带有两个标题的垫子表所以用粘稠的属性。但是当我水平滚动第三和第四列的第二行标题时，它也会被滚动。
在水平滚动之前，它看起来如下所示
在水平滚动之后，它看起来像这样
我在标记中使用了粘滞属性
浏览 3提问于2021-12-10得票数 0
1回答
我创建了一个可以垂直和水平滚动的表格。我想修复标题以便
当我水平滚动表时，标题会移动。
当我垂直滚动表时，标题不会移动。
我怎么能这么做？最好使用纯CSS的解决方案。
链接：
浏览 2提问于2020-01-20得票数 0
2回答
可垂直和水平滚动的表格
、、、
我正在实现一个时间输入web应用程序，UI有一个非常棘手的滚动要求。
请在此处查看示例：
垂直滚动条位于最右侧。它滚动除了页眉和页脚之外的所有表行。
水平滚动条位于表格的底部，从第4列到最后一列。它滚动除前3列之外的所有表列。
前3列可以有固定的宽度(例如150px)。第四列到其余的列也可以有固定的宽度，但必须小得多(例如35px)。
所有表格行都可以有相同的高度，我对CSS和JavaScript解决方案都持开放态度。
浏览 1提问于2011-12-09得票数 1
回答已采纳
1回答
我正在研究DataTables。我需要在我的桌子的顶部和底部滚动条。我有超过25行，并且我的表溢出。
每次我需要向下滚动才能水平滚动表格
表格顶部：
表格底部：
浏览 1提问于2016-11-29得票数 1
我有一个带按钮的表视图。我已经添加了UIPanGestureRecognizer到按钮，允许用户水平移动按钮。但是，当用户触摸按钮时，整个表视图的垂直滚动现在不起作用。如果我不使用手势识别器，垂直滚动就可以了。如何让用户水平移动按钮，垂直移动表格视图？
浏览 0提问于2012-03-12得票数 0
回答已采纳
1回答
我正在尝试创建一个datagrid表，它将允许我修复报头。我已经将表格放在两个DIV元素中，并固定了表格的头部部分。我动态地填充表，可以有不同数量的列，并且每次可以有不同的宽度。
<DIV style="position: relative; width="500px">
<DIV style="height:105px; overflow: auto;">
<TABLE width="502px">
<THEAD>
<TR style="left:-
浏览 2提问于2012-07-20得票数 0
回答已采纳
3回答
我花了一整天的时间调查这件事，最终决定寻求帮助。
对于这里的许多人来说，这看起来确实是一个非常相似的问题，但没有一个公认的答案接近我需要的。如果我错了，我会感激正确方向的指针。
我的问题是我有一个20行(最多)和18列的表。这些列有多种内容类型-文本、选项、单选按钮……
表格的宽度比可以显示的要大得多，因此需要水平滚动。我需要前4列始终是可见的，其余14个滚动。
一个额外的问题是，这个表的最终用户将在iFrame中查看它，而我无法控制其中的维度。
不幸的是，我发现了一些不合适的代码: www.shrutigupta.com/index.php/2005/12/12/how-to-create-
浏览 1提问于2010-10-06得票数 0
1回答
因此，我有一个表格，在iframe中，在另一个框架中，我希望能够通过单击它所在框架外部的锚定标记来水平滚动到指定的位置。我最初使用的内联js方法(当表不同时)可以工作，但现在我已经更新到CSS，该方法不能工作。所以我向你寻求帮助:)提前谢谢你。 我正在使用的示例代码： 我使用的HTML框架指的是表格所在的框架： <iframe src="PrimaryTables.html" id="FrameTableIsIn" name="FrameTableIsIn" scrolling="yes" align="middl
浏览 20提问于2020-03-31得票数 0
3回答
我有一个有8列的表格。第三列和第四列可能有很长的文本。这种情况会创建水平滚动。我想要的是每一列都有一个固定的大小，我不希望列中的文本被换行，也不想有滚动条。因此，如果一列有一个非常长的字符串，例如"abcdefghijklmnop“，它应该在不换行和不创建滚动的情况下尽可能多地显示。所以在桌子上看到的文本可能类似于"abcdefg“
实际上，我正在尝试用Eclipse BIRT来做这件事，但如果我能学习如何用html和CSS来做这件事，那就足够了。然后我就可以把它应用到BIRT。顺便说一下，我不想用Javascript检查文本的大小。
浏览 2提问于2011-02-09得票数 0
1回答
我试着把Kendo多重选择放在Kendo网格之上。
这是一个非常简单的布局，但我想知道为什么它不能工作？
表单总是乱七八糟的，它有一个水平滚动条。
这是代码：
<div class="form-group text-right">
<div class="col-xs-12">
<div class="col-xs-6">
@Html.LabelFor(x => x.code, new { @class = "control-label col-xs
浏览 2提问于2015-06-24得票数 1
3回答
可能重复：
我们能在iphone中水平滚动一个桌面视图吗？我有一个四列的桌面视图。我可以水平滚动它以显示值吗？提前感谢
浏览 5提问于2011-11-23得票数 0
回答已采纳
我在一个可滚动的div中有一个很大的表。该表包含一个人的姓名，后面是他的详细信息。我需要表格的第一列保持固定，同时水平滚动，以便人的名字保持可见，同时查看他的详细信息。与此类似：
但是，我的表格在y方向上也很大，所以当我向下滚动时，人名也应该与他的详细信息一起向上滚动。几乎解决了我的问题，但不是垂直滚动。
请帮帮我！
浏览 2提问于2013-05-08得票数 0
2回答
我有一个html固定设计，其中有一个中心对齐表，这提供了巨大的数据，这是垂直和水平滚动。对于垂直滚动，我克隆了表头，并将它们放在报告表上方的一个新的固定表中(在jquery clone()和append()函数和CSS固定位置的帮助下)，以这种方式，当用户垂直滚动报告时，他仍然可以看到列表头。现在的问题是，当他向右滚动时，固定的表格也会滚动，所以标题不会与列对齐，我如何才能使新的固定表格的水平滚动不会使固定的表格也向右滚动。固定表的父窗口是浏览器窗口。我有一个jsfiddle示例，但是我不能让标题来显示这个示例中是否有滚动，在我的网站中，当有垂直滚动时，它就会显示出来。
var tableOf
浏览 1提问于2014-01-25得票数 0
16回答
有没有办法给HTML表格添加一个水平滚动条？我实际上需要它是垂直和水平滚动，这取决于表格的增长方式，但我不能让滚动条出现。
浏览 8提问于2011-04-04得票数 179
回答已采纳
我在iPad的HTML5/CSS3Webapp中使用Angular JS，我有一个相当大的表格，需要有水平和垂直滚动，以及在MS Excel上找到的“冻结窗格”功能。
现在，我已经实现了一个基于div的布局，将表格分成3个区域，即顶部、左侧和中间区域，如图所示。我在可滚动区域(顶部和左侧)上检测滚动，然后使用Javascript将中间区域的位置固定为同步。这是可行的，但很不稳定。有没有更干净的方法来实现这一点？我尽量不使用任何插件，因为我的代码已经相当繁重了，但如果有轻量级的快速插件，我也对它们持开放态度。
提亚
浏览 3提问于2014-07-07得票数 1
我需要在Ionic中实现一个表格或网格，当用户水平滚动时，左列保持不变，但当滚动是垂直时，它应该移动。顶行必须类似，但它只随水平滚动移动，并且在垂直滚动时保持不变。
浏览 2提问于2018-10-04得票数 0
1回答
如何向表格添加水平滚动
、、、
我有一个表格，其中我有固定的标题和tbody上的垂直滚动。但是，此表中的列可以显著增加，我想添加水平滚动。当有超过3列时，表看起来不正确。
带有三列的JS小提琴(应该是什么样子)：
具有四列的JS小提琴(这看起来应该像三列小提琴)：
我认为有问题的类是header-fixed。它具有以下特性：
.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
content: ' ';
display: block;
visibility: hidden;
浏览 1提问于2018-04-24得票数 1
1回答
我在表格中有一个表格，我希望外部表格始终是父表格宽度的100%，没有水平滚动，然后内部表格有一个水平滚动条(只有当它有足够的列需要它的时候)。
这是一个导致html元素滚动并使外部表格伸展的示例，这是不好的。
Fiddle:
当您显示内表时，您会看到它拉伸了外表，而当它被隐藏时，外表完全适合它的父表，不需要滚动。理想情况下，保持html相同(当然，除了一些css类)是最好的，因为这个html在我的项目中工作得最好。然而，任何解决方案都可能有所帮助。
谢谢。
浏览 0提问于2015-12-16得票数 1
2回答
我有一个HTML表格，它可以水平滚动，但不能垂直滚动
我想在向下滚动时将表格的标题固定在顶部，但是当我在元素上使用position:sticky，同时在父元素上使用overflow-x:scroll时，它不能保持不变。
以下是problem 的一个示例小提琴
浏览 2提问于2021-02-19得票数 2
1回答
我正在动态创建一个表格，并包括一些预格式化的文本从xml文件到它，但我的表格拉伸，以适应整个内容，相反，我想有一个表格大小固定，一个水平滚动也可以工作，请提供一些解决方案。
以下是我的代码
$('#detailTable').empty();
$('<div width="100%">')
.attr('id','dblistSpan')
.html('<div class="titleBlue">Configuration>System>
浏览 2提问于2011-06-30得票数 0
回答已采纳
2回答
我知道这里有上百个关于固定列、表格中水平滚动的帖子--但大多数都不适合我，或者它们有一些限制，不允许我使用它。我试图解决这个问题，有一个包含所有冻结列的表，我希望有第二个表，它旁边有可滚动的列。但即使过了几个小时，我也搞不懂这事。我到处摆弄许多解决方案--嵌套的表格、容器--都没有成功。我试着向左/向右浮动，但问题是我的表显然太大了，因此总是浮动在下面。
所以我想要实现的是:左边有一个表格，上面有所有冻结的列--有一个包含内容的表格，它可以水平滚动。我如何包装我的两个表来实现这一点？
我使用的是Angular -所以我想用纯HTML/CSS/Angular来做这件事。我也不能使用一些现有的模块
浏览 0提问于2017-09-11得票数 0
回答已采纳
我正在尝试在如下布局的页面中显示一个表 ? 然而，对于真实数据(特别是在移动设备上)，图表将比屏幕尺寸宽得多。 这是我的目标。我希望垂直滚动可以像预期的那样工作。如果添加了更多行，页面会变长，您可以滚动...太棒了！ 然而，在水平方向上，我希望它感觉上只是表格内容的水平滚动。因此，从本质上讲，我不希望页面上的页眉/页脚、搜索栏、标题或任何其他HTML内容水平滚动。我希望它表现得就像没有一张很宽的桌子一样。但是，当然，我希望表格在需要时尽量居中并水平滚动。 我尝试过overflow-x: scroll，但它不起作用，因为突然整个页面都在滚动。目标是只有表格可以水平滚动。
浏览 90提问于2019-11-29得票数 0
回答已采纳
使表具有固定的垂直滚动头和水平滚动的滚动头的最低要求是什么？
我试图用一个基本的HTML/CSS表来完成以下工作：
包含动态生成的内容的表，因此单元格应该是适合内容(而不是固定宽度单元格)所需的大小。
表，应该是它需要的大小，以容纳单元格。这个表将比它的容器更宽，而且很可能是屏幕。它不应该溢出它的容器，而是可以水平滚动。
该表将位于具有绝对位置( 0,0,0,0，0)的容器内，以使其具有其父容器的大小(即位置:相对)。
当有太多的内容不能水平地适应时，应该出现一个水平滚动条，它用表格的头部向左向右滚动。
当有太多行时，滚动条应该垂直出现，但是当滚动时，标题行不应该垂直滚动，
浏览 2提问于2014-01-07得票数 0
我有一个要求，以水平滚动显示表格视图。
例如:在第一页必须显示10行，而滚动(水平)到第二页必须显示10多行，就像我必须显示的那样。
这怎么可能呢？
浏览 0提问于2011-07-14得票数 1
4回答
确定html表中的顶行
、、、、
我有一个带滚动条的html表格(即设置了overflow )。当我滚动表格时，我想要得到当前顶行的位置(即根据表格的用户视图)。
我该怎么做呢？
你们谁能帮我举个例子？
浏览 0提问于2010-12-08得票数 3
回答已采纳
2回答
作为报告的一部分，我需要在网站上的表格中显示一堆数据。问题是有一堆，它需要在视觉上分组。
每个数据段都是一个项的“使用”，并且有一个日期(表示它使用时)、一个存储号(对应于使用它的存储区)、一个项目名称(所使用的项)和一个数量(所使用的项的数量)。
用户可以选择按项目分组，然后按存储或按存储，然后按项。在幕后，我也会按日期分组。
报表需要按项目/存储(取决于组- by选项)和日期对数量进行汇总，并对子和进行汇总。
问题是，我不知道怎么展示它。我现在能想到的最好的办法是
++------+------+------+------++-----
浏览 2提问于2010-07-26得票数 7
回答已采纳
2回答
html表格的浮动水平滚动条
、、、、
我有一张很高的html表格。网页必须垂直滚动才能到达表格底部的滚动条。如果我可以在用户滚动页面时将表格的水平滚动条放在浏览器窗口的底部，并且表格可见，那就太好了。这样的事情能做吗？
以下是这种情况的jsFiddle示例：
浏览 3提问于2012-08-22得票数 4
4回答
位于表格底部的粘滞滚动条
、、、
我不确定“粘性”是不是这个词，但是有没有办法让overflow:auto的滚动条保持可见？
我有一个相当大的表格，我希望它可以水平滚动；但是，这个表格也相当高，所以当页面加载时，水平滚动条不在浏览器的视区内，所以很难断定这个表格是可滚动的。
<div style = 'width:900px;overflow:auto'>
<table>
<!-- Very large table here -->
</table>
</div>
滚动条出现在表格的下方，但不幸的是，表格太高了，除非你向
浏览 2提问于2014-04-22得票数 24
1回答
我希望创建一个固定宽度和高度的表格，可以垂直和水平滚动。
我正在寻找第一行是固定的标题，但也是第一列是固定的，其他列能够滚动到右边。
我可以通过这样的方式让头文件正常工作：
..but我怎样才能在第一个列保持固定的情况下滚动列？
有什么想法吗？
浏览 2提问于2010-02-03得票数 4
1回答
使第二个表头固定
、、
我有一个两个表格，第二个表格是水平滚动的。
我想让这个表的标题是固定的。
请参考
这里是第二个表的头，它在<div class="table2">中，我想要修复它。
我怎么才能用简单的方法来做呢？
浏览 0提问于2012-08-14得票数 0
1回答
我正在使用jquery datatable在html表格中添加水平和垂直滚动条。除了水平滚动条不显示和水平内容不在屏幕之外，其他一切都运行正常。我使用了以下代码：
jQuery(document).ready(function(){
var oTable = jQuery('#example').dataTable( {
"bPaginate": false,
"bFilter": false,
"bInfo": false,
'bSortable': false,
浏览 0提问于2012-04-25得票数 4
我有一个四列三行的表。我想在表上添加水平滚动，但是第一列应该保持固定。
我的HTML的结构如下：
<table>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<
浏览 0提问于2013-01-03得票数 0
5回答
使用css网格进行水平滚动
、、、、
当我试图在网格完成四列时进行水平滚动时，我遇到了一个问题。看见
#series {
display: grid;
grid-gap: 16px;
overflow-x: scroll;
padding: 16px;
grid-template-columns: repeat(4, 1fr);
grid-auto-flow: column;
}
使用这个，我得到了下面的输出
但是，你知道，我想得到同样的“四栏”和一个滚动条，以查看更多。
有什么问题吗。
浏览 0提问于2019-02-16得票数 11
1回答
我有一个带有以下css的div：
.long-table-container {
overflow-x: auto;
}
我希望使用浏览器的滚动条来完成这项工作，而不是将滚动条附加到.long-table-container。这个是可能的吗？
我需要这样做的原因是因为我在.long-table-container中有一个很长的表格，而向左和向右滚动的唯一方法是滚动到页面底部，然后移动.long-table-container的水平滚动条，这对任何用户来说都是一件痛苦的事情。
小提琴：
浏览 0提问于2014-08-10得票数 0
4回答
我想在表格中添加一个水平滚动条。但是，用户可以向表中添加行，因此它的宽度必须更改。一行的宽度是100px，所以有10行，我的表的宽度是1000px，但包含该表的div的宽度只有800px。如果表格的宽度大于div的宽度，我想在表格中显示一个水平滚动条。
<div style="width:800px;overflow:auto;">
<table>...</table>
</div>
你知道怎么做吗？
浏览 22提问于2017-06-26得票数 0
1回答
可能重复：
我有一个HTML页面，它应该水平滚动，其中有一个固定位置的标题标签。
在出现垂直滚动条的情况下(调整大小窗口)，我希望标题相对于其他内容滚动。
有人能想到一种可能的非javascript解决方案吗？
浏览 2提问于2011-12-29得票数 1
回答已采纳
我想水平滚动一个表格，但是在滚动整个html页面时，我们如何设置scroll到特定的div/table而不是整个html页面？
浏览 2提问于2016-04-22得票数 2
Android BBC新闻和Pulse新闻应用程序是如何实现带适配器的水平滚动视图的？
Android本身并不支持带适配器的水平滚动视图。我很好奇他们是如何回收视图的。
浏览 2提问于2012-10-19得票数 5
回答已采纳
1回答
我正在尝试创建一个2D表格，在表格的顶部和最左边有固定的变量。我已经添加了水平和垂直标题，但我不太确定如何修复它们，以便查看者可以滚动数据。
CSS + HTML：
.fixed-tables {
position: relative background: white;
}
.fixed-tables th {
position: absolute;
background: white;
}
<table class="table fixed-tables">
<thead>
<tr>
<th
浏览 0提问于2017-07-31得票数 1
我正面临着一个我无法解决的问题。我使用的是icefaces和mojarra实现。我想创建一个表与顶部和左侧固定的标题，但可滚动的数据(水平和垂直)。
简单地说，我想要一个类似于excel环境的表格。如果我向右滚动，顶部的标题会向右移动，但第一列会记住是固定的；如果我向下滚动，则顶部的标题必须保持固定，但第一列必须向下滚动。
我使用的是一个普通的datatable，标题在顶部，不同的表在左侧。使用jquery，我将datatable的滚动位置分配给左边的表，但这非常慢。上下移动滚动条，用户可以看到行和左侧标题之间的不匹配，一段时间后，表结果再次对齐。
有没有办法在没有jquery的情况下用ice
浏览 4提问于2014-11-08得票数 0
1回答
我使用引导3使我的网站响应，我有一个表与div是“表响应”。我想要一个表格，允许我垂直滚动时，屏幕是小的，但它也需要水平滚动，因为他们是超过50项在表中。如何使表具有滚动性和响应性？
我正在尝试这个css，但是这个表正在增长，没有水平滚动.
application.css.scss
//table becomes responsive with scrollbar
.table-responsive {
width: 100%;
height: 200px !important;
overflow: auto;
-webkit-overflow-scrolli
浏览 3提问于2016-10-13得票数 2
2回答
我正在寻找固定标题的数据表html结构，水平和垂直滚动。我正在开发一个已经开发的datatable小部件。我发现了这个示例，其中的html结构与我在小部件中的结构类似。我想问在上面的例子中，标题是如何滚动的，即使滚动是在表格.If的主体上，它是由JavaScript完成的，当我们水平滚动它时，标题的css属性不会改变。
浏览 0提问于2016-05-04得票数 2
我正在RStudio中试用Knitr/KableExtra，但无法让我的表格使用整个web浏览器的宽度，也无法控制屏幕上的表格对齐方式。
下面是一个代码示例，根据kable_styling文档，我尝试强制表格与屏幕左侧对齐，但在html输出中，表格始终居中。它看到左边有一个看不见的空白处，我不能使用它。当我有一个在左边留有更多fields....the大边距的表格时，问题就出现了，迫使表格延伸到屏幕的右侧，并生成一个水平滚动条-非常恼人和丑陋。
有没有什么办法可以使用左边距的空白处，或者强制表格真正靠左对齐？
以下是该问题的一个示例：
---
title: "Untitled
浏览 2提问于2020-02-05得票数 3
2回答
我有以下一些特殊的问题。让我们从代码片段开始：
...
<td>
<div class="scrollable">...</div>
...other cell content...
</td>
...
现在，我希望表格呈现为div.scrollable不会占用任何水平空间(即div.scrollable不会推入表格的右侧)，但如果div.scrollable比包含的单元格更宽，则会显示水平滚动条(在div.scrollable上，而不是在整个单元格上)。这可以通过CSS来实现吗？
谢谢!
浏览 0提问于2013-01-24得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
