0 
<table>
    <thead>
        <th colspan="4">Liquor Store Blues</th>
    </thead>
    <tbody>
        <tr>
            <td colspan="4">Meow</td>
        </tr>
        <tr>
            <td colspan="2">Meow</td>
            <td colspan="2">Meow</td>
        </tr>
        <tr>
            <td colspan="1.33">Meow</td>
            <td colspan="1.33">Meow</td>
            <td colspan="1.33">Meow</td>
        </tr>
        <tr>
            <td>Meow</td>
            <td>Meow</td>
            <td>Meow</td>
            <td>Meow</td>
        </tr>
    </tbody>
</table>

ここに画像があります: http://i.imgur.com/myKN33l.png

4行目tdのそれぞれをに設定したかったのですが、 10進数をとらないことがわかりました。では、どうすればいいですか？CSSを使用する必要がありますか？もしそうなら、どのように？colspan1.44colspan

4

2 に答える 2

5

4 行目に 3 つの要素があるため、テーブルには実際には 4 列ではなく 12 列があります。

http://cssdeck.com/labs/9lzcwolh

td {
  border: 1px solid;
}
<table>
    <thead>
        <th colspan="12">Liquor Store Blues</th>
    </thead>
    <tbody>
        <tr><td colspan="12">A1</td> </tr>
      
        <tr><td colspan="6">B1</td><td colspan="6">B2</td></tr>
      
        <tr><td colspan="4">C1</td><td colspan="4">C2</td><td colspan="4">C3</td></tr>
      
        <tr><td colspan="3">D1</td> <td colspan="3">D2</td> <td colspan="3">D3</td><td colspan="3">D4</td></tr>
    </tbody>
</table>

于 2013-05-28T15:19:55.973 に答える
-1

その行には、ネストされたテーブルを使用して次の HTML を使用できます。

<tr><td colspan="4">
  <table>
   <tr>
     <td>Meow</td>
     <td>Meow</td>
     <td>Meow</td>
   </tr></table>
</td></tr>
于 2013-05-28T15:07:50.037 に答える