我有一个带有2个<tr>
和2个<td>
的表
<table>
<tr>
<td>
<table>
<!-- other content -->
</table>
</td>
<td/>
</tr>
<tr>
<td/><td/>
</tr>
</table>
在*的位置,我需要插入几乎相同的表(它不包含,而不是包含另一个表)。但是当我调试它时,表是左对齐的。
我希望左上角框中的表右对齐(为了了解:和居中对齐)。
例如:其中的表格宽度为32px,但包含的td
的宽度为64px。
如何将表右对齐?
发布于 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。
发布于 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>
发布于 2012-11-14 00:13:43
如果td
只包含表格,没有其他文本或元素,那么下面的代码也应该可以工作,唯一可以正确对齐的是td
中的所有内容,并且不能在html5中工作:
<table>
<tr>
<td align="right">*</td>
<td/>
</tr>
<tr>
<td/><td/>
</tr>
</table>
https://stackoverflow.com/questions/13363209
复制相似问题