嘗試將HTML表格與來自另一個線程的建議對齊

我在html中創建了一個表格。希望桌子在屏幕中央出來，並發現這question告訴我如何在HTML中居中。嘗試將HTML表格與來自另一個線程的建議對齊

然而，正如它確實幫助使我的表顯示在屏幕的中央，它也增加了一個附加行，第一行的頂部，當我添加了這行我的代碼：

<table border="1px" align="center"> 
<td align=center valign=center>

這是我當前表的預覽（有輕微扭曲）：

<head> 
    <style> 
     table, th, td { 
      border:1px solid black; 
     } 
    </style> 
</head> 

<body> 
    <table border="1px" align="center"> 
     <td align=center valign=center> 
      <col style="width: 200px" /> 
      <col style="width: 300px" span="2" /> 
      <tr> 
       <th scope="row">Degree</th> 
       <td colspan="2">Bachelor of Multimedia</td> 
      </tr> 
      <tr> 
       <th scope="row">University</th> 
       <td colspan="2">Universiti Utara Malaysia</td> 
      </tr> 
      <tr> 
       <th rowspan="2">Contact</th> 
       <th>Telephone</th> 
       <th>Email</th> 
      </tr> 
      <tr align="center"> 
       <td>019-xxxxxxx</td> 
       <td>[email protected]</td> 
      </tr> 
    </table> 
</body>

來源

2014-03-03 Ururu

你不需要的你加入第二行代碼，你僅僅指剛需

<table border="1px" align="center">

刪除

<td align=center valign=center>

FIDDLE

來源

2014-03-03 14:30:45

是啊，工作！謝謝你！：D – Ururu

很高興能幫到你:) –

有在頁面中心的表的最佳方法是在你的CSS中使用margin:0 auto。如果你想使用它內聯（不是建議），用這種方式：style="margin:0 auto"。嘗試使用CSS屬性而不是border,align或valign。

但是你的真正問題來自這條線td align=center valign=center>。 A td是需要在tr（一行）中的列。但事實上，你甚至不需要這條線。

希望得到這個幫助！

來源

2014-03-03 14:32:58 morgul

現在問題解決了，非常感謝！ – Ururu

只是刪除第二行代碼的：

<td align=center valign=center>

，它應該工作，這裏是一個fiddle

來源

2014-03-03 14:33:14 Mike

感謝您的建議，隊友！每個幫助計數！ – Ururu

嘗試將HTML表格與來自另一個線程的建議對齊

回答

相關問題