我有一个2< tr>和2 td:
<table> <tr> <td> <table> <!-- other content --> </table> </td> <td/> </tr> <tr> <td/><td/> </tr> </table>
在哪里*****我需要插入几乎相同的表(不包含另一个表).
但是当我调试它时,表格保持对齐.
我想让左上角的表格正确对齐(知识和中心对齐).
例如:
该表的宽度为32px,但是包含的td为64px宽.
如何将表与右对齐?
解决方法
表是块元素; text-align和align仅适用于内联元素.
所以对于一个块元素你必须使用margin:
所以对于一个块元素你必须使用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.