表格布局:固定不起作用IE7

时间:2015-03-29 06:18:33

标签: html css

我正在使用一个包含多行的表。只有少数几行才有多列。我给表的宽度是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。

1 个答案:

答案 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>