对齐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表格问题

回答

相关问题