HTML Table 问题：具有 display:block 和可变文本长度的静态宽度

Question

实际上我对 table 的观点有疑问。我的 <td> 中需要一个水平滚动条。为此，我在这里找到了一个解决方案：

<table style="min-width: 100%; display: block; margin-bottom: 10px; border-collapse: collapse;" class="table table-striped table-hover table-responsive">
<tr class="list" style="width: 100%; margin-top: 5px;">
<td style="display: block; min-width: 100%; margin-bottom: 10px; white-space: nowrap; overflow:auto;" colspan="2">
<?php echo user_view_explorer_form (); ?>
</td></tr> 
</table>

但现在我遇到了问题，<td> 的某些元素很短，而有些元素很长。如果元素是 width:100%-view 的缩写，则整个 table 仅显示最长元素的宽度。

我找不到解决方案，在长元素的情况下我可以滚动，但在短元素的情况下也得到“width:100%”-table。

抱歉英语不好。谢谢您的帮助。保持健康。

图片显示问题。enter image description here

Answer 1

据我了解你在这里写的内容，我可以为你提供，尝试使用宽度配置包装元素，你在给出宽度时遇到问题。如果你在这里写你所有的代码（包括你有问题的地方）我可能会比现在更好地帮助你:)

Answer 2

将display: block应用于table元素（table或td）破坏自动格式化为table in HTML - 这样做根本没有意义（那么你也可以使用 divs）

所以删除所有这些 display: block 个实例！要将 table 设置为 100% 宽度，只需在 table

上使用 width: 100%

要限制 td 的高度并使其垂直滚动，您可以将 div 放入 td 的 并应用一个固定的 height 到它。但是所有在 table 结构中 any table/tr/td 元素上没有 display: block...

HTML Table 问题：具有 display:block 和可变文本长度的静态宽度

HTML Table Problem: Static width with display:block and variuos text length

html

html-table

tr