创建许多TD

Question

表我想使这个表格布局：

我：

<table border="1"> 
<tr> <td colspan="3">aaa</td> <td colspan="3">aa</td> </tr> 
<tr> <td>a</td> <td> aa </td> <td> aaa </td> <td>aa</td><td>aa</td><td>aa</td> </tr> 
</table> 

，但我怎么能做出其他人呢？

LIVE：http://jsfiddle.net/jsTvA/1/

Answer 1

这就是：

代码：http://jsfiddle.net/jsTvA/14/

Answer 2

你可以在单元格中创建一个新表。

Answer 3

如果你想有一个单一的表来解决这个问题的方式：

1. 制定行，你需要列的最大数量。在你的情况下，它看起来像8列，6行。
2. 制作一个这种尺寸的简单表格。
3. 开始设置colspan和rowspan对td s和删除td s旁边。
4. 重复此操作，直到获得您喜欢的格式。

Answer 4

为了使这个结构就需要利用属性列跨度和行跨度。

例子。

使以下结构：

------- 
|A | 
------- 
|X|Y|Z| 
    ----- 
| |1|2| 
------- 

使用的代码：

<tr> 
    <td colspan="3">A</td> 
</tr> 
<tr> 
    <td rowspan="2">X</td> 
    <td>Y</td> 
    <td>Z</td> 
</tr> 
<tr> 
    <td>1</td> 
    <td>2</td> 
</tr> 

另一种方法是为一前一后的建议，增加一个嵌套表如下：

<tr> 
    <td>A</td> 
</tr> 
<tr> 
    <table> 
     <tr> 
      <td>X</td> 
      <td>Y</td> 
      <td>|</td> 
     </tr> 
    </table> 
</tr> 

就我个人而言，我会选择colspan路线，但它真的取决于你。

另一条路线是完全忽略表格和使用CSS，但你很可能会发现这种痛苦得多，除非你已经在使用CSS competenent。

Answer 5

尽我所能：

<table border="1"> 
<tr> 
    <td colspan="3">aaa</td> 
    <td colspan="3">aa</td> 
</tr> 
<tr> 
    <td>a</td> 
    <td> aa </td> 
    <td> aaa </td> 
    <td>lol</td> 
    <td> 
     <table border="1"> 
      <tr> 
       <td colspan="3"> 
        lol 
       </td> 
      </tr> 
     <tr> 
      <td> 
       ok 
      </td> 
      <td> 
       ok 
      </td> 
      <td> 
       ok 
      </td> 
     </tr> 
     <tr> 
      <td> 
       ok 
      </td> 
      <td> 
       ok 
      </td> 
      <td> 
       ok 
      </td> 
     </tr> 
     </table> 
    </td> 
    <td> 

    </td> 
</tr> 
    <tr> 
     <td colspan="2"> 
     </td> 
     <td> 
     </td> 
     <td> 
     </td> 
     <td> 
     </td> 
     <td> 
     </td> 
    </tr> 
    <tr> 
     <td colspan="10"> 
     </td> 
    </tr> 

</table> 

http://jsfiddle.net/jsTvA/15/

Answer 6

<table border="1"> 
    <tr> 
     <td colspan="3">aaa</td> 
     <td colspan="5">aa</td> 
    </tr> 
    <tr> 
     <td rowspan="3">a</td> 
     <td rowspan="3">aa</td> 
     <td rowspan="3">aa</td> 
     <td rowspan="3">aa</td> 
     <td colspan="3">aa</td> 
     <td rowspan="3">aa</td> 
    </tr> 
    <tr> 
     <td>bb</td> 
     <td>bb</td> 
     <td>bb</td> 
    </tr> 
    <tr> 
     <td>bb</td> 
     <td>bb</td> 
     <td>bb</td> 
    </tr> 
    <tr> 
     <td>aa</td> 
     <td>aa</td> 
     <td>aa</td> 
     <td>aa</td> 
     <td>aa</td> 
     <td>aa</td> 
     <td>aa</td> 
     <td>aa</td> 
    </tr> 
    <tr> 
     <td colspan="8">aa</td> 
    </tr> 
</table> 

Answer 7

您可以尝试在Excel中合并单元格，然后将其转换为html。 http://tableizer.journalistopia.com