表太宽了

时间:2011-06-15 17:36:46

标签: html css

在这个site page中,您可以看到页面中间的表太宽,并且超出了它的父div。
如何纠正?任何建议!

3 个答案:

答案 0 :(得分:6)

您需要减少表格中内容的大小和/或数量。如果表的大小已经处于包含内容的最小宽度,则没有任何数量的css或width属性会减小表的大小。

修改

正如Projapti建议的那样,如果您不介意在页面上设置滚动条,则向包含div添加CSS overflow-x:scroll将阻止表溢出。但是,我会进一步建议你只在表格周围包含一个额外的div,这样只有表格才能滚动内容。看看下面的实时预览,看看效果。

Live preview ->

编辑2

以下是高度调整div中包含的表的示例,如下面的评论中所述:

Live preview 2 ->

答案 1 :(得分:2)

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

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

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

答案 2 :(得分:0)

不需要神奇的CSS。您需要重新设计表格,使标题沿X轴。