表超过父母

时间:2014-10-24 16:24:39

标签: html css

我遇到一个超过容器宽度的表的问题。我不能为我的生活弄清楚这里发生了什么。哦,它只发生在Firefox中。这是链接: http://in3applications.com/rothseed-qa/corn.php

4 个答案:

答案 0 :(得分:1)

尝试将所有th img宽度设置为25px,其中"可用技术"柱。 Firefox似乎不支持max-width

img标记的th

答案 1 :(得分:0)

尝试以下操作 将宽度设置为98%OR Ser左边和右边的边距,也可能是顶部和底部的0px或者它仍然不能使ser的边距达到1px 如果是centeres ser algo margin 0 auto; 如果这不起作用,请让我看看您的测试网站或HTML代码

答案 2 :(得分:0)

将box-sizing:border-box添加到表格的CSS中。

答案 3 :(得分:0)

表的宽度是构成行的单元格的所有宽度的总和。

在您的示例中,表的总宽度超出了父块的宽度, 所以你看到了溢出的情况。

你的桌子太宽了,没有规定的宽度。

参考:http://www.w3.org/TR/CSS21/tables.html#width-layout

除了缩小表格内容的字体外,你可以做的很多,但是,这可能会使表格难以阅读。

您还可以尝试table-layout: fixed并在某些需要一些文本空间的列上设置宽度,其余列将缩小以适应。

你需要多尝试一下。

注意:您已将垂直标题标签中的文本设置为具有相当数量的图像 空间,你可以缩小文本周围的边距(在图像中)以节省一些空间。