0

私の例の jsfiddleには、2 つの HTML テーブルがあります。それらは基本的に同じです - 同じクラス、同じ内容、すべてです。唯一の違いは、行の順序です。

<style>
.tbl-lay-fixed {table-layout:fixed}
</style>

<table class="tbl-lay-fixed" border="1" width="100%">
   <tr>
      <td width="5%">xxxx</td>
      <td width="95%">yyyyyyyyyy</td>
   </tr>
   <tr>
      <td colspan="2" width="100%">xxxx</td>
   </tr>
</table>

<table class="tbl-lay-fixed" border="1" width="100%">
   <tr>
      <td colspan="2" width="100%">xxxx</td>
   </tr>
   <tr>
      <td width="5%">xxxx</td>
      <td width="95%">yyyyyyyyyy</td>
   </tr>
</table>

表番号 1 は正しく表示されています - セルの幅は正しいです。

表番号 2 が正しく表示されません。2 行目には 5% と 95% に設定された 2 つの列がありますが、代わりに 50% 50% と表示されます。

テーブルレイアウトの問題:修正済み;

問題はどこだ？どのブラウザでも同じです。

4

1 に答える 1

1

これは少なくとも Firefox では機能するようです (下の TD コルスパンを 20 に変更)

just remove "width="100%" <table class="tbl-lay-fixed" border="1" width="100%"> from the table class
于 2013-01-23T11:35:50.783 に答える