防止表列扩展CSS

Question

我已经声明了table-layout:fixed但是当数据不符合代码指定的宽度时，列仍会展开。 这是我的CSS代码：

table
{
font-size:15px;
table-layout: fixed;
}

#problem-submission td, #problem-submission th 
{
    font-size:15px;
    font-family: "Courier New", Courier, monospace;
    padding:2px 7px 1px 5px;
}
#problem-submission td
{
height:10px;
}

#problem-submission th
{
   font-size:15px;
   height :25px;
   text-align:left;
   padding-top:1px;
   padding-bottom:1px;
   background-color:#E6E6E6;
   color:black;
}

Answer 1

设置宽度和/或高度值，然后它不会展开。

Divs，span和on，只读取你给出的值并且不会取任何更高的值，你也可以在那些你希望设置所需大小限制的标签上使用max-height和max-width。 p>

Answer 2

在你的元素上试试这个：

overflow: hidden;

Answer 3

我还会为细胞定义宽度和高度值。这样你就可以100％确定细胞不会改变它们的大小。