防止表列扩大css

2014-01-16 48 views 0 likes

我已经宣布table-layout:fixed，但是当数据不符合代码指定的宽度时列仍然展开。这里是我的CSS代码：防止表列扩大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; 
}

来源

2014-01-16 chandan111

你在哪里设置'宽度'？ –

@NickR仅在标记中。 \t \t 用户 \t \t 结果 \t \t 时间 \t \t Lang \t \t我应该在还提吗？ – chandan111

试过了：text-overflow：ellipsis;或类似的东西？ – ylerjen

回答

设置宽度和/或高度值，那么它不会扩大。

Divs，span和on，只读取您给出的值，并且不会取任何更高的值，您也可以在这些标签上使用max-height和max-width来限制您希望的大小。

来源

2014-01-16 15:19:03

试试这个在您的元素：

overflow: hidden;

来源

2014-01-16 15:23:56 newbie

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

来源

2014-01-16 16:29:17

防止表列扩大css

回答

相关问题