HTML表格中可垂直滚动的td在Firefox中不起作用
在HTML表格中，如果希望某个单元格（td）可以垂直滚动，可以使用CSS的overflow属性来实现。然而，在Firefox浏览器中，这种方式可能不起作用。这是因为Firefox对于表格的滚动行为有一些特殊处理。
要解决这个问题，可以尝试以下方法：
- 使用div元素包裹需要滚动的内容：将需要滚动的内容放置在一个div元素中，并设置div的高度和overflow属性为auto。然后将这个div放置在td中。这样，在Firefox中，div元素将会出现滚动条，从而实现垂直滚动。
- 使用CSS的display属性：将td的display属性设置为block，并设置其高度和overflow属性为auto。这样，在Firefox中，td将会被当作块级元素处理，从而出现滚动条。
- 使用JavaScript：如果以上方法仍然无效，可以尝试使用JavaScript来实现垂直滚动。通过监听滚动事件，动态改变td的内容或位置，从而实现滚动效果。
需要注意的是，以上方法可能会影响表格的布局和样式，因此在使用时需要根据具体情况进行调整。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云对象存储（COS）。
腾讯云云服务器（CVM）是一种弹性计算服务，提供了灵活可扩展的云服务器实例，可以满足不同规模和需求的应用场景。您可以根据业务需求选择不同配置的云服务器，并通过腾讯云控制台或API进行管理和操作。
腾讯云对象存储（COS）是一种安全、低成本、高可靠的云存储服务，适用于存储和处理各种类型的数据，包括文档、图片、音视频等。您可以通过腾讯云控制台或API进行对象存储的管理和操作。
更多关于腾讯云云服务器和对象存储的详细信息，请访问以下链接：
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
相关·内容
我在下面有一个小提琴，可以在Chrome中正常工作，但在Firefox中不能工作。 我在一个表中有两个元素。左边元素的内容很短，另一个元素的内容很长。我希望这两个元素在表中显示为相同的大小，并且我希望较长的那个元素有一个滚动条。 https://jsfiddle.net/rju1os7m/1/ Chrome (好)： ? Firefox
浏览 5提问于2020-07-02得票数 0
回答已采纳
1回答
我在一个有数千个页面的大型遗留系统中工作，其中动态生成的表格数据被填充到以下格式定义的html中： <tr>经过一段时间的检查后，我意识到当表格数据量垂直溢出包含的div并导致垂直滚动条出现时，新生成的垂直<
浏览 3提问于2014-07-07得票数 2
表不应该太宽，因此不需要水平滚动条(但我仍然希望它在必要时显示出来)。无论哪种方式，我都不希望标题滚动；因此，出现一个垂直滚动条，我滚动表，标题应该是固定的。</body>(我最终希望允许超过100 so的表高度，但我将其设置为可以测试滚动条。)这可以满足我在Chrome (53.0.2785.116米)中的要求，但在<
浏览 0提问于2016-09-28得票数 12
回答已采纳
bootstrap3.02:表格响应在手机中不起作用，但在firefox中起作用。>my god </td><td>my god </td><td>my god </td><td>my god </td><td>my god
浏览 0提问于2013-11-22得票数 0
使用最新的Firefox时，以下HTML呈现不正确。IE和Chrome都可以，但是Firefox会在表格单元格内显示白色垂直线。使用Firefox 21渲染的示例可以在以下位置找到：
这是Firefox中的一个bug，还是我遗漏了什么？HTML： <tbody>
浏览 1提问于2013-06-13得票数 3
我在div中有一个动态创建的表。整个结构可以任意定位在页面上。要求是(自动垂直滚动条而不是水平滚动条)：
<table>
<tr><td style="white
浏览 9提问于2013-04-17得票数 3
3回答
我有一个小问题，即他们是一个有很多数据的单元格，它被放置在弹出窗口中，所以弹出高度非常大，所以我的问题是我想添加一个滚动条到我的单元格，所以弹出高度降低，请帮助我任何人...
浏览 4提问于2010-11-30得票数 1
回答已采纳
2回答
我正在尝试让我的表格垂直滚动，但它不起作用。有人能帮帮我吗？下面是我的html代码： <table border="1"> <tr>
浏览 4提问于2017-05-05得票数 0
2回答
我要一张可滚动的桌子。为了实现这一点，我将一个<table>包装成一个带有max-height和overflow: auto的<div>。<html> <title>Test</title> div { max-height: 100px; displaybla bla</<
浏览 1提问于2011-08-19得票数 4
回答已采纳
0回答
我设法让可滚动的表格工作(表格作为一个整体)，但现在我想让它固定大小，只在表格行中滚动。<td>LongLongLongLongLongLongLongLong</td>
表格宽度将增加
浏览 7提问于2017-06-09得票数 0
1回答
$('#gatewayDimmer').width($('html').width());$('#gatewayDimmer').css('display','block');
...is控制占据全屏/可滚动窗口。在FireFox中</
浏览 2提问于2011-12-08得票数 0
2回答
我已经写了下面的css，它在我的笔记本电脑上可以正常工作。但当使用更大的显示器时，我会看到表格末尾的空格。width:auto; overflow-x: scroll; }html如下：
<div class="w
浏览 2提问于2020-04-14得票数 0
1回答
在我工作的项目中，表太多了。我与他们结束了，并使他们的反应。如果表格不适合任何设备，则采用垂直滚动。所有的桌子都有不同的宽度。例如,
表C从小于414的设备中获取垂直滚动</em
浏览 0提问于2018-06-30得票数 0
回答已采纳
1回答
我在div下有一个表，我想根据该表设置水平和垂直滚动条这是代码-for (var j = 0; j < 2; j++) {
var row = $('<tr><td>' + "&q
浏览 27提问于2019-11-06得票数 0
1回答
我有一个非常大的表(它溢出了content div)，因为它是动态的，所以它可以包含至少20列。无论如何，问题是我不得不把这个表放在一个“紧”的div中。有没有现成的脚本来帮助开发它？
非常感谢，致以问候。
浏览 0提问于2010-02-26得票数 0
回答已采纳
3回答
我使用下面的CSS和bootstrap 3来使表格单元格可垂直滚动#scrollable { height: 100%; paddingoverflow: auto;<table table table-condensed table-hover style="table-layout: fixed;" > <td>
<div id=&
浏览 2提问于2016-08-09得票数 0
1回答
我有一个网站，我正在抓取，需要滚动水平(到最右边)和垂直(到最底部)的一个网页上的表格。我使用的是Python3、Selenium和Chrome Driver。这是我尝试过的一个例子，但它不起作用：
html=browser.find_element_by_xpath('/html/body/form/div[3]/div[2]/div/
浏览 0提问于2019-10-26得票数 1
我想隐藏HTML表中的行，我用visibility: collapse;实现了这一点。现在我已经意识到，当我这样做时，表格高度会缩小(这是应该的！)，但页面高度保持不变，留下一个可滚动的空白空间。DOCTYPE html> <head>
浏览 2提问于2017-08-24得票数 4
我有一个基本的表格布局，在移动设备中查看时会被剪切。水平滚动似乎不起作用。这张桌子基本上被卡住了，并被切断了。只有垂直滚动才有效。可以在Jquery Mobile中启用水平滚动吗？桌面浏览器屏幕截图：移动端截图：调整大小的桌面浏览器上的屏幕截图(水平滚动也不起作用)：示例代码：
<div
浏览 0提问于2012-11-09得票数 6
回答已采纳
1回答
我正在尝试在我的angular 10应用程序中为我的表实现fix header。我已经应用了CSS，我可以看到固定的标题正在工作，但当我试图向下滚动时，它似乎隐藏在导航栏后面。更多详情请看截图。滚动后 ? html表格 <div class="container"> <div class="col-12
浏览 17提问于2020-07-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
