Question

这是我的表格： http://jsfiddle.net/1uw1xsxr/

<table border=1 width=100%><tr><td>id</td><td>status</td><td>action</td><td>date</td><td>by</td></tr>
<tr><td colspan=5><table border=1 width=100%>
    <tr><td>1257</td><td>red</td><td>go</td><td>1-1-2011</td><td>dora</td></tr>
    <tr><td>1257</td><td>red</td><td>go</td><td>1-1-2011</td><td>dora</td></tr>
    <tr><td>1257</td><td>red</td><td>go</td><td>1-1-2011</td><td>dora</td></tr>
    </table>
    </td></tr></table>

我必须做什么才能使内表列与外表列对齐？

Answer 1

在两个表上设置相同的td宽度：

table td {width: 20%}

Answer 2

那些＆＃34;外表列＆＃34;你的表头？

如果是，请使用：

<table>
    <thead>
        <tr><th>Header1</th><th>Header2</th></tr>
    </thead>

    <tbody>
    </tbody>
</table>

如何使内表与外表对齐

2 个答案: