我该如何让的大小与IE中其内容相同？

如何将宽度&高度<td>与其内容相同？我该如何让的大小与IE中其内容相同？

<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的解决方案将不胜感激。

在此先感谢。

来源

2011-03-14 Mayur

表可能不是这样做的最佳工具。 http://www.chromaticsites.com/blog/13-reasons-why-css-is-superior-to-tables-in-website-design/ – Kevin 2011-03-14 11:33:16

我在IE7和IE8中都试过你的代码，不要看你描述的问题。在这两种浏览器（以及FF）中，TD的大小都是一样的。也许你有CSS，你应该告诉我们？或者它是不同版本的IE？或者，也许我没有正确理解你的问题？ – 2011-03-14 11:41:26

默认情况下，表格单元格的大小与其内容大小相同。您遇到哪种版本的IE问题，问题究竟是什么？ – 2011-03-14 11:42:34

如果您必须使用表格，请尝试将第一列的宽度设为100％。这将强制其他列基于内容缩小到其最小大小。

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

来源

2011-03-14 11:44:28 Dutchie432

我不完全知道为什么会不正确地本身已经定型。但是，如果您想将宽度修改为静态值，您可以随时在代码中将其设置为CSS样式。

ex。 <td style="width: 600px;">

如果您希望内容自动调整表的大小，列应该格式化为相同大小。

或者你可以做出这可能更容易使用的divs以及。这些方针的东西可能：

<div id="logout">

<form method='post' action='logOut.php'>

<input type='submit' value='Logout' name='logout' />

</form>

</div>

然后你可以使用内部或外部CSS页面轻松格式化的div 。

#logout{width: 400px;}

希望帮助

来源

2011-03-14 16:00:21 Sciar

我该如何让​​的大小与IE中其内容相同？

回答

相关问题

我该如何让的大小与IE中其内容相同？