表格式

Question

我有下表的结构。我尝试添加空的tds div，以获得图像中的以下格式，但无法正确。任何想法将不胜感激。

<table border="0" cellpadding="1" cellspacing="0" width="100%">
    <tR>    
    <td align="center"> <strong>ONE</strong></td> 

    <td align="center"><strong> TWO</strong></td>

    <td align="center"><strong>THREE</strong></td>
    </tR>

    <tr>
        <td align="left">Quiz NAME</td>
        <td align="right">FINAL</td>
        <td align="right">USS </td>
        <td align="right">PA </td>
        <td align="right">INTL </td>        
        <td align="right"> FINAL</td>
        <td align="right"> USS</td>
        <td align="right"> PA </td>
        <td align="right"> INTL </td>
        <td align="right"> FINAL</td>
        <td align="right"> USS</td>
        <td align="right"> PA</td>
        <td align="right">INTL</td>     
    </tr>
    <TR>DATA HERE</TR>

   </table>

Answer 1

这是有效的代码：

<table border="0" cellpadding="1" cellspacing="0" width="100%">
<tR>    
<td colspan="4" align="center"> <strong>ONE</strong></td> 

<td colspan="4" align="center"><strong> TWO</strong></td>

<td colspan="4" align="center"><strong>THREE</strong></td>
</tR>

<tr>

    <td align="center"align="center">FINAL</td>
    <td align="center" >USS </td>
    <td align="center"align="center">PA </td>
    <td align="center">INTL </td>        

    <td align="center"> FINAL</td>
    <td align="center"> USS</td>
    <td align="center"align="center"> PA </td>
    <td align="center"> INTL </td>

    <td align="center"> FINAL</td>
    <td align="center"> USS</td>
    <td align="center"> PA</td>
    <td align="center">INTL</td>     
</tr>
<TR>DATA HERE</TR>

Answer 2

使用 

示例：

<td align="right">&nbsp;</td>   

Answer 3

查看此页面：

http://css-tricks.com/complete-guide-table-element/

）

colspan和rowspan正是您要搜索的内容：）

Answer 4

您需要colspan来合并表中的列。更新您的表结构，如下所示。

<table border="0" cellpadding="1" cellspacing="0" width="100%">
<tR>    
<td colspan="4" align="center"> <strong>ONE</strong></td> 

<td colspan="4" align="center"><strong> TWO</strong></td>

<td colspan="4" align="center"><strong>THREE</strong></td>
</tR>

<tr>
    <td align="left">Quiz NAME</td>
    <td align="right">FINAL</td>
    <td align="right">USS </td>
    <td align="right">PA </td>
    <td align="right">INTL </td>        
    <td align="right"> FINAL</td>
    <td align="right"> USS</td>
    <td align="right"> PA </td>
    <td align="right"> INTL </td>
    <td align="right"> FINAL</td>
    <td align="right"> USS</td>
    <td align="right"> PA</td>
    <td align="right">INTL</td>     
</tr>
<TR><td colspan="12">DATA HERE</td></TR>