整頁寬度表 - HTML/CSS

這只是設置一個表格並將寬度設置爲100％，但表格不會拉伸頁面的寬度。整頁寬度表 - HTML/CSS

顯然，它在Firefox 4，我已經在Chrome 11在測試

<html> 
<head> 
<style type="text/css"> 
    table, th, td 
    { 
     border: 1px solid black; 
     border-collapse:collapse; 
     width: 100%; 
    } 
</style> 
</head> 
<body > 
<table align="center" > 
    <tr><td align="center" valign="middle"><img width="100%" border='0' id="main_img" src="http://example.com/EiE99"/></td></tr> 
</table> 
</body> 
</html>

來源

2011-03-27 SamB

我剛剛在FF 4中試過你的代碼，它伸展得非常好，甚至在我調整窗口大小時仍然動態拉伸。 – PiZzL3 2011-03-27 01:33:42

它在您提供的鏈接中工作得很好。 – 2011-03-27 01:34:53

我還沒有那個版本，但鉻10也很好。 – PiZzL3 2011-03-27 01:38:21

它不是在Webkit的（谷歌Chrome瀏覽器開發）正常工作。包含元素至少需要以下兩項中的一項：

margin: 0; 
padding: 0;

然後它就起作用了。我用body { margin: 0; padding: 0; }

編輯：好像padding: 0;就是那個特殊的「jsfiddle」所需要的。

來源

2011-03-27 01:36:49

看起來它在我的Mac上適用於Chrome和Firefox瀏覽器 - 桌面與圖像一起拉伸以產生流暢效果。當我用IE測試東西時，我通常會遇到渲染問題。你使用IE嗎？

來源

2011-03-27 01:36:52 NaN

我認爲OP希望表格拉伸到頁面的寬度，而不是圖像展開表格。 – 2011-03-27 01:41:23

整頁寬度表 - HTML/CSS

回答

相關問題