Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 页面中表格的自动对齐_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 页面中表格的自动对齐

Html 页面中表格的自动对齐

html css

Html 页面中表格的自动对齐,html,css,Html,Css,我正在帮助一位朋友的网站（URL:）。我使用一个表格进行设计，并将每个输入框放入中。我用Javascript保存数据，用PHP上传到服务器上。我的问题是，当用户打开此页面时，表格没有根据背景很好地对齐 正如您所看到的，该表插入了黑色矩形，但对于其他屏幕大小，外观并不相同。为了解决这个问题，我使用了以下代码： CSS: 在表中，我使用了以下代码： <table id="tab" border="0" style="width:1200px;" align="center"> <

我正在帮助一位朋友的网站（URL:）。我使用一个表格进行设计，并将每个输入框放入
中。我用Javascript保存数据，用PHP上传到服务器上。我的问题是，当用户打开此页面时，表格没有根据背景很好地对齐



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

CSS:

在表中，我使用了以下代码：


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




...



此代码不起作用，因为屏幕较小时，表格的对齐方式不同。您能帮我吗？如果您愿意，这里有完整的代码。
您可能应该尝试使用相对CSS属性，例如：
宽度：100%（而不是px中的硬编码值），以便正确缩放。此外，显式设置HTML5
CSS属性也可能有用：
padding:0；保证金：0
所以我必须在主体{}上添加宽度：100%？好吧，它可以是任何数字，取决于您的喜好。100%将确保全屏幕宽度。

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