整页宽度表 - 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

回答

相关问题