HTML表格单元格宽度占封闭表格宽度

Question

我有两个表，都声明为<table class="invisible_border">

网页标题声明样式的位置，包括：

     table.invisible_border    {border:0px; table-layout:fixed; width=80%}
     table.invisible_border th {border:0px; padding:8px; width=18%}
     table.invisible_border td {border:0px; padding:8px; width=18%}

这个想法是这样一个表应该占据屏幕的80％并且有4列，每列占据表的四分之一（可能我想要宽度= 25％，但我想允许边距，填充，等）。

我有两个这样的表，一个在另一个之上，它们的列没有对齐。

好像他们从单元格中最长的文本中获取列宽，但我认为table-layout:fixed会阻止它。

如何使两个表的列垂直对齐？

不

aaa bb ccccccc dd

a bb ccc dd

但

aaa bb ccccccc dd

a   bb ccc     dd