HTML - 表格单元尺寸

enter code here相当新颖，做我的第一个HTML项目。其中我必须创建一个表格，我已经设法做好了。但是，这不完全相同。下面是我有：HTML - 表格单元尺寸

<table> 
    <tr> 
     <td>1</td> 
     <td>Thunder Road</td> 
     <td>4:47</td> 
    </tr> 
    <tr> 
     <td>2</td> 
     <td>10th Avenue Freeze Out</td> 
     <td>3:10</td> 
    </tr> 
    <tr> 
     <td>3</td> 
     <td>Night</td> 
     <td>3:00</td> 
    </tr> 
    <tr> 
     <td>4</td> 
     <td>Backstreet</td> 
     <td>6:29</td> 
    </tr> 
    <tr> 
     <td>5</td> 
     <td>Born To Run</td> 
     <td>4:29</td> 
    </tr> 
    <tr> 
     <td>6</td> 
     <td>She's The One</td> 
     <td>4:29</td> 
    </tr> 
    <tr> 
     <td>7</td> 
     <td>Meeting Across The River</td> 
     <td>3:15</td> 
    </tr> 
    <tr> 
     <td>8</td> 
     <td>Jungleland</td> 
     <td>9:33</td> 
    </tr> 
</table>

它应该看起来像this

我如何获得的轨道目录编号，在该单元格如此紧密地坐？我试过colspan和rowspan，不能让它坐得舒服。

此外，我还没有包括在我的HTML上面的表头，但我确实拥有它。有2个表格标题，但在标题下面有3列。我如何把这一切都好好地坐在一起，就像我链接的图片一样，而不是像我的一样？

谢谢！

来源

2017-02-12 shadowmoses__

你是什么意思“数字坐在那个牢房里如此紧密”？请添加所有代码以及标题的代码。 – Thanasis

希望如果我告诉你[我目前得到的那个]（http://i377.photobucket.com/albums/oo219/Conor_Curtis/Screen%20Shot%202017-02-12%20at%2016.13.31_zpsj1ccfbbt.png）你会明白我的意思。 –

好吧，我明白了。您需要以下HTML代码：

<table border="1"> 

    <tr> 
     <td colspan="2">Bruce Springsteen<br>Born To Run</td> 
     <td><img src="https://upload.wikimedia.org/wikipedia/en/7/7a/Born_to_Run_(Front_Cover).jpg"></td> 
    </tr> 
    <tr> 
     <td>1</td> 
     <td>Thunder Road</td> 
     <td>4:47</td> 
    </tr> 
    <tr> 
     <td>2</td> 
     <td>10th Avenue Freeze Out</td> 
     <td>3:10</td> 
    </tr> 
    <tr> 
     <td>3</td> 
     <td>Night</td> 
     <td>3:00</td> 
    </tr> 
    <tr> 
     <td>4</td> 
     <td>Backstreet</td> 
     <td>6:29</td> 
    </tr> 
    <tr> 
     <td>5</td> 
     <td>Born To Run</td> 
     <td>4:29</td> 
    </tr> 
    <tr> 
     <td>6</td> 
     <td>She's The One</td> 
     <td>4:29</td> 
    </tr> 
    <tr> 
     <td>7</td> 
     <td>Meeting Across The River</td> 
     <td>3:15</td> 
    </tr> 
    <tr> 
     <td>8</td> 
     <td>Jungleland</td> 
     <td>9:33</td> 
    </tr> 
</table>

您也可以在此JSFiddle上测试它。

关键是在<td>上添加colspan="2"，写着“Bruce Springsteen ...”，这意味着这个单元格将代替2列。

希望这对你有所帮助。如果它对你有帮助，你可以接受并且赞成我的回答。谢谢！

来源

2017-02-12 16:18:30 Thanasis

优秀，谢谢。 –

HTML - 表格单元尺寸

回答

相关问题