我該如何讓的大小與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中其內容相同？