如何在TD中对齐一个表？
如何在TD中对齐一个表？
提问于 2012-11-13 23:08:37
我有一个带有2个<tr>和2个<td>的表
<table>
<tr>
<td>
<table>
<!-- other content -->
</table>
</td>
<td/>
</tr>
<tr>
<td/><td/>
</tr>
</table>在*的位置，我需要插入几乎相同的表(它不包含，而不是包含另一个表)。但是当我调试它时，表是左对齐的。
我希望左上角框中的表右对齐(为了了解:和居中对齐)。
例如:其中的表格宽度为32px，但包含的td的宽度为64px。
如何将表右对齐？
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-11-14 17:24:49
table是block-element；text-align，而align只能在#en1#上运行因此，对于块元素，您必须使用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 Explorer7。
Stack Overflow用户
发布于 2012-11-13 23:14:48
只有以下几点浮现在脑海中：
<table>
<tr>
<td style="text-align: right"></td>
<td/>
</tr>
<tr>
<td/><td/>
</tr>
</table>或另一种css方法：
table table {
float: right;
}或使用浮点数内联：
<table>
<tr>
<td>
<table style="float: right;">.....</table>
</td>
<td/>
</tr>
<tr>
<td/><td/>
</tr>
</table>Stack Overflow用户
发布于 2012-11-14 00:13:43
如果td只包含表格，没有其他文本或元素，那么下面的代码也应该可以工作，唯一可以正确对齐的是td中的所有内容，并且不能在html5中工作：
<table>
<tr>
<td align="right">*</td>
<td/>
</tr>
<tr>
<td/><td/>
</tr>
</table>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13363209
复制相关文章
相似问题