htmlテーブルcolspanが期待どおりに動作しない

Question

HTMLコンセプトは時にはひどいです。

これは私のコードで、htmlテーブルのcolspanを使用していて、期待通りに見えません。私が欲しいもの

<table border="1"> 
    <tr> 
     <td colspan="3">a</td> 
    </tr> 
    <tr> 
     <td colspan="2">b</td> 
     <td>c</td> 
    </tr> 
</table> 

は次のとおりです。セル ''がを3セル広いはず、セル 'B'が広い2セルを見なければならない、セル 'C'は1になりますセル幅はです。それが何をしているか

は次のとおりです。セル ''が2セル幅である、セル'はB' & 'はC'が1セル幅です。

ありがとうございます。

Answer 1

アトリビュートcolspanは、他のセルと重なるセルの数を決定します。あなたの場合、スパン2には2つのスパンがあります。どのようにあなたはそれがないと言うことができますか？セルの幅で判断しないでください。スパンは幅ではありません。あなたはに別の小さな列を追加する必要があります 2つのスパンの列として表示されます。

コードスニペットの最後の例で期待通りの解決策を見てください。

<h3>Example 1</h3> 
 

 
<table border="1"> 
 
    <tr><td>col1</td><td>col2</td><td>col3</td></tr> 
 
    <tr><td colspan="3">a</td></tr> 
 
    <tr><td colspan="2">b</td><td colspan="1">c</td></tr> 
 
</table> 
 

 
<h3>Example 2</h3> 
 

 
<table border="1"> 
 
    <tr><td width="80px">wide col1</td><td>col2</td><td>col3</td></tr> 
 
    <tr><td colspan="3">span 3</td></tr> 
 
    <tr><td colspan="2">span 2</td><td colspan="1">span 1</td></tr> 
 
</table> 
 

 
<h3>Your case</h3> 
 

 
<table border="1"> 
 
    <tr><td colspan="3">span 3</td></tr> 
 
    <tr><td colspan="2" width="66%">span 2</td><td width="33%">span 1</td></tr> 
 
</table>

Answer 2

<table border="1"> 
 
    <tr> 
 
     <td colspan="3" width="200px">a</td> 
 
    </tr> 
 
    <tr> 
 
     <td colspan="2" width="100px">b</td> 
 
     <td width="100px">c</td> 
 
    </tr> 
 
</table>