HTML:将表格右对齐放置在其他表格单元格中

Question

我希望另一个table的td内部的table在右侧对齐。

<table style="width: 100%;">
<tr>
<td style="text-align:right;">
<table style="width: 200px; table-layout: fixed; background-color:blue">
<tr>
<td>
<input style="width:100%" type="button" value="OK" />
</td>
<td>
<input style="width:100%" type="button" value="Abbrechen" />
</td>
</tr>
</table>
</td>
</tr>
</table>

如您所见，内部table显示在左侧。如何完成？

Answer 1

只需将display: inline-table;添加到内部表中。否则，text-align参数将不适用，因为它只适用于内联元素。

<table style="width: 100%">
<tr>
<td style="text-align:right;">
<table style="width: 200px; table-layout: fixed; background-color:blue; display: inline-table;">
<tr>
<td>
<input style="width:100%" type="button" value="OK" />
</td>
<td>
<input style="width:100%" type="button" value="Abbrechen" />
</td>
</tr>
</table>
</td>
</tr>
</table>