Html 如何在TD中对齐表格？

我有一个表，表中有2个

和2个

：

在******处，我需要插入几乎相同的表（不包含另一个表）。 但当我调试它时，表是左对齐的

我希望左上框中的表格右对齐（对于知识：和中心对齐）

例如： 其中的表格宽度为32px，但包含的

td

的表格宽度为64px

---

如何将表对齐到右侧？

仅想到以下几点：

<table>
    <tr>
        <td style="text-align: right"></td>
        <td/>
    </tr>
    <tr>
        <td/><td/>
    </tr>
</table>

或与float内联：

<table>
    <tr>
        <td>
            <table style="float: right;">.....</table>
        </td>
        <td/>
    </tr>
    <tr>
        <td/><td/>
    </tr>
</table>

.....

如果

td

只包含表格，没有其他文本或元素，那么下面的代码也应该工作，唯一的事情是它将右对齐

td

中的所有内容，并且在html5中不工作：

<table>
    <tr>
        <td align="right">*</td>
        <td/>
    </tr>
    <tr>
        <td/><td/>
    </tr>
</table>

*

A

表

是一个块元素<代码>文本对齐和

对齐

仅适用于内联元素。 因此，对于块元素，必须使用

边距

：

CSS:

.centered{
    margin: 0 auto;
}

.rightaligned{
    margin-right: 0;
    margin-left: auto;
}

.leftaligned{
    margin-left: 0;
    margin-right: auto;
}

<td>
    <table class="leftaligned">
        <!-- Other Content -->
    </table>
    <table class="centered">
        <!-- Other Content -->
    </table>
    <table class="rightaligned">
        <!-- Other Content -->
    </table>
</td>

HTML:

.centered{
    margin: 0 auto;
}

.rightaligned{
    margin-right: 0;
    margin-left: auto;
}

.leftaligned{
    margin-left: 0;
    margin-right: auto;
}

<td>
    <table class="leftaligned">
        <!-- Other Content -->
    </table>
    <table class="centered">
        <!-- Other Content -->
    </table>
    <table class="rightaligned">
        <!-- Other Content -->
    </table>
</td>

---

这几乎适用于所有浏览器，甚至Internet Explorer 7

浮动

有什么问题？应该在任何地方都可以使用-这就是你想要的：？@damien:table是一个blcok元素，而不是像文本或图片这样的内联元素。事实上，blockelements只能放置并与margin属性对齐。他想知道如何对齐表格，而不是表格中的某些内容是的，
text align
仅对内联元素有效，但td
align
属性也对块元素有效。Visual Studio说：“元素‘align’是obsolte或非标准的。