HTML：创建表格行

Question

我试图在每行中创建具有不同列数的表格，但我很难做到这一点。

我至今想这一点，但这会导致不均匀的行标题和格式的表格中所有的怪异。

http://jsfiddle.net/q3M4R/8/

<th colspan="2">TITLE </th> 
    <tr> 
    <td>INFO 1</td> 
    <td>INFO 2</td> 
    </tr> 
    <tr> 
    <td>INFO 3</td> 
    <td>INFO 4 </td> 
    </tr> 
    <tr> 
    <td>INFO 5</td> 
    <td>INFO 6 </td> 
    </tr> 
    <tr> 
    <td>INFO 7</td> 
    <td>INFO 8 </td> 
    </tr> 
    <tr> 
    <td>INFO 9</td> 
    <td>INFO 10 </td> 
    </tr> 

Answer 1

东西沿着这些路线？发生什么事情是你的表格单元正在缩小以适应其内容的大小。通过添加宽度并居中文本，您可以获得更好的外观。

td{width:250px; border: 1px solid black;} 
 
table, th{text-align: center; border: 1px solid black;}

<table> 
 

 
    <th colspan="2">TITLE </th> 
 
    <tr> 
 
    <td>INFO 1</td> 
 
    <td>INFO 2</td> 
 
    </tr> 
 
    <tr> 
 
    <td>INFO 3</td> 
 
    <td>INFO 4 </td> 
 
    </tr> 
 
    <tr> 
 
    <td>INFO 5</td> 
 
    <td>INFO 6 </td> 
 
    </tr> 
 
    <tr> 
 
    <td>INFO 7</td> 
 
    <td>INFO 8 </td> 
 
    </tr> 
 
    <tr> 
 
    <td>INFO 9</td> 
 
    <td>INFO 10 </td> 
 
    </tr> 
 

 
    <th colspan="2">TITLE</th> 
 
    <tr> 
 
    <td>INFO 1</td> 
 
    <td>INFO 2</td> 
 
    </tr> 
 
    <tr> 
 
    <td>INFO 3</td> 
 
    <td>INFO 4 </td> 
 
    </tr> 
 
    <tr> 
 
    <td>INFO 5</td> 
 
    <td>INFO 6 </td> 
 
    </tr> 
 
    <tr> 
 
    <td>INFO 7</td> 
 
    <td>INFO 8 </td> 
 
    </tr> 
 
    <tr> 
 
    <td>INFO 9</td> 
 
    <td>INFO 10 </td> 
 
    </tr> 
 
    <table> 
 

 
    </table>

http://jsfiddle.net/vnx8prek/