我遇到一个超过容器宽度的表的问题。我不能为我的生活弄清楚这里发生了什么。哦,它只发生在Firefox中。这是链接: http://in3applications.com/rothseed-qa/corn.php
答案 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
并在某些需要一些文本空间的列上设置宽度,其余列将缩小以适应。
你需要多尝试一下。
注意:您已将垂直标题标签中的文本设置为具有相当数量的图像 空间,你可以缩小文本周围的边距(在图像中)以节省一些空间。