html - 如何使 <td> 的大小与其在 IE 中的内容相同？

Question

如何制作 <td> 的宽度和高度？和里面的内容一样吗？

<table cellspacing=0 cellpadding=0>
<TBODY>
<TR>
<TD></TD>
<TD id=loginButton><BUTTON class=btn><SPAN>Login</SPAN></BUTTON></TD>
<TD id=changePasswordButton><BUTTON class=btn><SPAN>Change Password</SPAN></BUTTON></TD>
<TD id=forgotPasswordButton><BUTTON class=btn><SPAN>Forgot Password</SPAN></BUTTON></TD></TR>
</TBODY>
</table>

在上面的示例中，我希望 td 的大小与其内部按钮的大小相同，但在 IE 中它占用了一些额外的空间。不使用 JavaScript 的解决方案将不胜感激。

Answer 1

如果您必须使用表格，请尝试将第一列的宽度设置为 100% 这将强制其他列根据内容缩小到最小尺寸。

http://jsfiddle.net/Jaybles/wq3Yz/