Question

我正在通过他的网站帮助朋友（网址：http://mk7vrlist.altervista.org/databases/test.html）。我使用表格进行设计，并将每个输入框放在<td> .. </td>中。我使用Javascript来保存数据，并使用PHP将它们上传到服务器上。我的问题是，当用户打开此页面时，表格根据背景不能很好地对齐。

Screen of my desktop.

正如您所看到的，该表格与黑色矩形不同，但对于其他屏幕尺寸，其外观并不相同。为了解决这个问题，我使用了以下代码：

CSS：

body {
      background-image:url('pictures/bgframe.png');
      background-repeat:no-repeat;
      background-attachment:fixed;
      background-position:center; 
     }

input{
         text-align:center;
         }

在表格中我使用了这段代码：

<table id="tab" border="0" style="width:1200px;" align="center">
<tr>
...
</tr>
</table>

此代码无效，因为屏幕较小，表格的对齐方式不一样。你能帮我吗？如果你愿意，here就有整个代码。

Answer 1

您可能应该尝试相对的CSS属性，例如：width:100%;（而不是px中的硬编码值）以便正确缩放它。此外，显式设置HTML5 <body> CSS属性可能很有用：padding:0;margin:0;

自动对齐页面中的表格

1 个答案: