在这个site page中,您可以看到页面中间的表太宽,并且超出了它的父div。
如何纠正?任何建议!
答案 0 :(得分:6)
您需要减少表格中内容的大小和/或数量。如果表的大小已经处于包含内容的最小宽度,则没有任何数量的css或width属性会减小表的大小。
修改强>
正如Projapti建议的那样,如果您不介意在页面上设置滚动条,则向包含div添加CSS overflow-x:scroll
将阻止表溢出。但是,我会进一步建议你只在表格周围包含一个额外的div,这样只有表格才能滚动内容。看看下面的实时预览,看看效果。
编辑2
以下是高度调整div中包含的表的示例,如下面的评论中所述:
答案 1 :(得分:2)
您可以尝试在父div上添加:style =“overflow-x:scroll”
<div id="mts" class="icc telecom" style="overflow-x:scroll">
在我的ff测试中,它会滚动...
答案 2 :(得分:0)
不需要神奇的CSS。您需要重新设计表格,使标题沿X轴。