html – 如何在TD内对齐表?

前端之家收集整理的这篇文章主要介绍了html – 如何在TD内对齐表?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个2< tr>和2 td:
<table>
    <tr>
        <td>
            <table>
                <!-- other content -->
            </table>
        </td>
        <td/>
    </tr>
    <tr>
        <td/><td/>
    </tr>
</table>

在哪里*****我需要插入几乎相同的表(不包含另一个表).
但是当我调试它时,表格保持对齐.

Live Example

我想让左上角的表格正确对齐(知识和中心对齐).

例如:
该表的宽度为32px,但是包含的td为64px宽.

如何将表与右对齐?

解决方法

表是块元素; text-align和align仅适用于内联元素.
所以对于一个块元素你必须使用margin:

CSS:

.centered{
    margin: 0 auto;
}

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

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

HTML:

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

几乎每个浏览器甚至可以使用Internet Explorer 7.

原文链接:https://www.f2er.com/html/230886.html

猜你在找的HTML相关文章