我正在使用一个包含多行的表。只有少数几行才有多列。我给表的宽度是980px。但是第一列需要980px,而第二列则不需要980px。我用table-layout:fixed。它没有工作IE7。
<!DOCTYPE html>
<html>
<head>
<style>
table{
table-layout:fixed;
*table-layout:fixed;
width:960px;
min-width:50px
}
td{
border:1px solid black;
}
</style>
</head>
<body>
<table>
<tr> <td>SomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeText</td></tr>
<tr><td> SomeTextSomeTextSomeTextSomeTextSomeText</td>
<td> SomeTextSomeText</td></tr>
<tr><td>SomeTextSomeText</td> </tr>
</table>
</body>
</html>
我通常使用黑客修复IE,类似* table-layout:fixed。它适用于IE8 +,但不适用于IE7。
答案 0 :(得分:0)
我得到了答案: Colspan或colgroup可用于根据我们的偏好改变列的宽度。
<!DOCTYPE html>
<html>
<head>
<style>
table{
table-layout:fixed;
*table-layout:fixed;
width:960px;
min-width:50px
}
td{
border:1px solid black;
}
</style>
</head>
<body>
<table>
<tr> <td colspan ="2">SomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeTextSomeText</td> </tr>
<tr><td colspan="1"> SomeTextSomeTextSomeTextSomeTextSomeText</td>
<td> SomeTextSomeText</td>. </tr>
<tr><td>SomeTextSomeText</td> </tr>
</table>
</body>
</html>