Html 桌子太宽了 在此,您可以看到页面中间的表太宽,超出了父div。 如何纠正?任何建议

Html 桌子太宽了 在此,您可以看到页面中间的表太宽,超出了父div。 如何纠正?任何建议,html,css,Html,Css,您需要减少表中内容的大小和/或数量。如果表格的宽度已经达到包含内容的最小宽度,那么任何css或宽度属性都不会减少表格的大小 编辑 正如Projapti所建议的,如果您不介意在页面上有一个滚动条,那么在包含的div中添加一个CSSoverflow-x:scroll,可以防止表溢出。但是,我进一步建议您只在表的周围加上一个div,这样只有表才会滚动内容。请查看下面的实时预览以查看效果 编辑2 下面是高度调整div中包含的表格示例,如我在下面的一条评论中所述: 不需要魔法CSS。您需要重新设计表格,

您需要减少表中内容的大小和/或数量。如果表格的宽度已经达到包含内容的最小宽度,那么任何css或宽度属性都不会减少表格的大小

编辑

正如Projapti所建议的,如果您不介意在页面上有一个滚动条,那么在包含的div中添加一个CSS
overflow-x:scroll
,可以防止表溢出。但是,我进一步建议您只在表的周围加上一个div,这样只有表才会滚动内容。请查看下面的实时预览以查看效果

编辑2

下面是高度调整div中包含的表格示例,如我在下面的一条评论中所述:


不需要魔法CSS。您需要重新设计表格,使标题沿X轴

您可以尝试将其添加到父div:style=“overflow-x:scroll”上



在我的ff测试中,它会滚动…

我可以将滚动添加到它的父div吗?是的,这将是另一个可行的选项@如果你想走这条路,Projapati的建议应该行得通。谢谢,Live preview很不错,但我没有看到桌子周围的滚动条。它在桌子的底部,非常高。如果您想在侧边也有一个滚动条,请在包含的div上设置一个特定的高度,并将css属性更改为
overflow:scroll
。我将发布一个类似的答案。如果您没有减少表格的选项,请使用上面建议的
overflow-x:scroll
方法。
<div id="mts" class="icc telecom" style="overflow-x:scroll">