對齊HTML表格問題

我想在我的頁面上添加4個表格，兩個朝左（一個在另一個的上方）和兩個朝右（一個在另一個的上方）。目前，我只能向左對齊顯示兩個表格，但是當我嘗試向右對齊屬性的div時，出現<table border="1" style="width:250px" align="right">，我正在變形。請找到如下代碼： -對齊HTML表格問題

任何人都可以提出什麼可以是問題的原因，我不想使用CSS，但只想完成與對齊屬性。

HTML

<table border="1" style="width:250px"> 
    <tr><td>UK</td></tr> 
    <tr><td>USA</td></tr> 
    <tr><td>India</td></tr> 
    <tr><td>Australia</td></tr> 
    <tr><td>SouthAfrica</td></tr> 
</table> 

    <br/><br/><br/><hr size="2"><br/><br/> 
    <p><b><u>Countries</u></b> </p> <br/> 

<table border="1" style="width:250px" align="left"> 
    <tr><td>UK</td></tr> 
    <tr><td>USA</td></tr> 
    <tr><td>India</td></tr> 
    <tr><td>Australia</td></tr> 
    <tr><td>SouthAfrica</td></tr> 
</table>

來源

2014-07-02 ScriptLearner

應在表中被讀什麼命令？左上角，左下角，右上角，右下角或左上角，右上角，左下角，右下角？對此的答案會影響正確答案的可訪問性原因。 – Mauro

此外，表格對齊屬性在HTML5中不受支持http://www.w3schools.com/tags/att_table_align.asp – Mauro

而不是使用任何對準物業只是使用表來做出這樣的4臺對齊。

試試這個

<table> 
<tr> 
    <td> 
    <table border="1" style="width:250px"> 
     <tr><td>UK</td></tr> 
     <tr><td>USA</td></tr> 
     <tr><td>India</td></tr> 
     <tr><td>Australia</td></tr> 
     <tr><td>SouthAfrica</td></tr> 
    </table> 
    </td> 
    <td> 
    <table border="1" style="width:250px"> 
     <tr><td>UK</td></tr> 
     <tr><td>USA</td></tr> 
     <tr><td>India</td></tr> 
     <tr><td>Australia</td></tr> 
     <tr><td>SouthAfrica</td></tr> 
    </table> 
    </td> 
</tr> 
<tr> 
    <td> 
    <table border="1" style="width:250px"> 
     <tr><td>UK</td></tr> 
     <tr><td>USA</td></tr> 
     <tr><td>India</td></tr> 
     <tr><td>Australia</td></tr> 
     <tr><td>SouthAfrica</td></tr> 
    </table> 
    </td> 
    <td> 
    <table border="1" style="width:250px"> 
     <tr><td>UK</td></tr> 
     <tr><td>USA</td></tr> 
     <tr><td>India</td></tr> 
     <tr><td>Australia</td></tr> 
     <tr><td>SouthAfrica</td></tr> 
    </table> 
    </td> 
</tr> 
</table>

DEMO HERE

來源

2014-07-02 10:06:58

代碼適合我 – ScriptLearner

你可以做這樣的事情

<table width="50%"> 
    <tr> 
     <td> 
      <table></table> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <table></table> 
     </td> 
    </tr> 
</table> 
<table width="50%"> 
    <tr> 
     <td> 
      <table></table> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      <table></table> 
     </td> 
    </tr> 
</table>

來源

2014-07-02 10:00:06

我認爲這是你需要的東西。檢查here

<table border="1" width="30%" style="float:left">

來源

2014-07-02 10:05:15

儘管操作者確實表示他們不想使用CSS，但他們在示例中使用了內聯樣式，因此這是效果更好。 – Mauro

它爲我工作。 – ScriptLearner

@Mauro在問題中給出的代碼中也使用了內聯css :) –

對齊HTML表格問題

回答

相關問題