Question

我想实现这个表结构

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

我有这个代码，但它将4放在另一列而不是3

下面

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

Answer 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>

Answer 2

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

Answer 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>

Answer 4

作为添加新行的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>

表有3个标题，如何有不同数量的行单元格？

4 个答案: