0

このテーブル構造を実現したい

a | b | c
1 | 1 | 1
2 | 2 | 2
3 | 3 | 3
  |   | 4

私はこのコードを持っていますが、3の下ではなく別の列に4を入れています

<table border="0">   
    <tr>
       <th>A</th>
       <th>B</th>
       <th>C</th>   
    </tr>   
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>    
    </tr>   
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>   
    </tr>
    <tr>
         <td>1</td>
         <td>2</td>
         <td>3</td>
         <td>4</td>   
    </tr> 
 </table>
4

4 に答える 4

1

空のセルをいくつか作成する必要があります。「4」が含まれる行は新しい行です。

<table border="0">   
    <tr>
       <th>A</th>
       <th>B</th>
       <th>C</th>   
    </tr>   
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>    
    </tr>   
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>   
    </tr>
    <tr>
         <td>1</td>
         <td>2</td>
         <td>3</td>
    </tr> 
    <tr>
         <td></td>
         <td></td>
         <td>4</td>
    </tr> 
 </table>
于 2012-08-30T14:26:56.220 に答える
0 
<table border="0">   
    <tr>
       <th>A</th>
       <th>B</th>
       <th>C</th>   
    </tr>   
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>    
    </tr>   
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>  
    </tr>
    <tr>
         <td>1</td>
         <td>2</td>
         <td>3</td>   
    </tr> 
    <tr>
         <td> </td>
         <td> </td>
         <td>4</td>   
    </tr> 
 </table>
于 2012-08-30T14:28:10.867 に答える
0

これは正常です。テーブル ヘッダーで、3 つの異なるヘッダー、つまり 3 つの異なる列を定義しました。テーブルの列を定義するため<td></td>、「4」は、テーブルの列ヘッダーによって定義されていない独自の列を取得します。

4 を 3 の下に入れるには、次のように、最後に 4 を含む新しいテーブル行を作成する必要があります。

<table border="0">   
    <tr>
       <th>A</th>
       <th>B</th>
       <th>C</th>   
    </tr>   
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>    
    </tr>   
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>   
    </tr>
    <tr>
         <td>1</td>
         <td>2</td>
         <td>3</td>   
    </tr>
    <tr>
         <td></td>
         <td></td>
         <td>4</td>   
    </tr>
 </table>
于 2012-08-30T14:28:13.777 に答える
0

新しい行を追加する toher の回答の代わりに、4 を 3 と同じテーブル セルに入れたい場合は、テーブル セル内に改行を追加するだけです

...
    <tr>
         <td>1</td>
         <td>2</td>
         <td>3<br/>4</td>
    </tr> 
 </table>

またはdiv、このようにセルでタグを使用します

...
    <tr>
         <td>1</td>
         <td>2</td>
         <td>
            <div>3</div>
            <div>4</div>
         </td>
    </tr> 
 </table>
于 2012-08-30T14:30:38.087 に答える