表格过宽

问题描述

| 在此站点页面中，您可以看到页面中间的表太宽并且超出了其父div。  如何纠正？有什么建议么！     

解决方法

        您需要减少表中内容的大小和/或数量。如果表格的大小已经达到包含内容的最小宽度，则没有任何CSS或width属性会减小表格的大小。 编辑 根据Projapti的建议，如果您不介意在页面上使用滚动条，则在包含div的CSS中添加CSS

overflow-x:scroll

将防止表溢出。但是，我进一步建议您在表格周围包装一个额外的div，以便只滚动表格内容。请看下面的实时预览以查看效果。 实时预览-> 编辑2 这是高度调整的div中包含的表格的示例，如我在下面的评论之一中所述： 实时预览2->     ,        您可以尝试将其添加到父div上：style = \“ overflow-x：scroll \”

<div id=\"mts\" class=\"icc telecom\" style=\"overflow-x:scroll\">

在我的ff测试中，它会滚动...     ,        不需要神奇的CSS。您需要重新设计表格，使标题沿着X轴。