防止表列擴大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來限制您希望的大小。

Answer 2

試試這個在您的元素：

overflow: hidden; 

Answer 3

我還去了細胞固定的寬度和高度值。這樣，你可以100％確定細胞不會改變它們的大小。