中心表（表格宽度>屏幕分辨率）

我的表格/网页宽度为1250px，居中。但对于像我这样的1024像素宽屏幕，我必须滚动“右”才能看到整个页面。我希望它为我的尺寸的分辨率居中，所以我不必滚动。中心表（表格宽度>屏幕分辨率）

这里是我的代码：

<html> 
<head> 
<title>blah</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<link href="style.css" rel="stylesheet" type="text/css" media="screen" /> 
</head> 
<body> 
<table id="Table_01" width="1250" height="1500" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
     <td rowspan="8"> 
      <img src="images/site_layout_01.gif" width="148" height="1500" alt=""></td> 
     <td colspan="9"> 
      <img src="images/header-image.jpg" width="968" height="336" alt=""></td> 
     <td rowspan="8"> 
      <img src="images/site_layout_03.gif" width="134" height="1500" alt=""></td> 
    </tr> 
    <tr> 
     <td colspan="9"> 
      <img src="images/site_layout_04.gif" width="968" height="71" alt=""></td> 
    </tr> 
    <tr> 
     <td rowspan="2"> 
      <img src="images/site_layout_05.gif" width="42" height="201" alt=""></td> 
     <td> 
      <img src="images/review1.jpg" width="195" height="84" alt=""></td> 
     <td rowspan="2"> 
      <img src="images/site_layout_07.gif" width="40" height="201" alt=""></td> 
     <td> 
      <img src="images/review2.jpg" width="195" height="84" alt=""></td> 
     <td rowspan="2"> 
      <img src="images/site_layout_09.gif" width="40" height="201" alt=""></td> 
     <td> 
      <img src="images/review3.jpg" width="195" height="84" alt=""></td> 
     <td rowspan="2"> 
      <img src="images/site_layout_11.gif" width="40" height="201" alt=""></td> 
     <td> 
      <img src="images/review4.jpg" width="195" height="84" alt=""></td> 
     <td rowspan="2"> 
      <img src="images/site_layout_13.gif" width="26" height="201" alt=""></td> 
    </tr> 
    <tr> 
     <td> 
      <img src="images/site_layout_14.gif" width="195" height="117" alt=""></td> 
     <td> 
      <img src="images/site_layout_15.gif" width="195" height="117" alt=""></td> 
     <td> 
      <img src="images/site_layout_16.gif" width="195" height="117" alt=""></td> 
     <td> 
      <img src="images/site_layout_17.gif" width="195" height="117" alt=""></td> 
    </tr> 
    <tr> 
     <td colspan="9"> 
      <img src="images/main-image.jpg" width="968" height="161" alt=""></td> 
    </tr> 
    <tr> 
     <td colspan="9"> 
      <img src="images/site_layout_19.gif" width="968" height="9" alt=""></td> 
    </tr> 
    <tr> 
     <td colspan="9"> 
      <img src="images/obama_quote.gif" width="968" height="63" alt=""></td> 
    </tr> 
    <tr> 
     <td colspan="9"> 
      <img src="images/site_layout_21.gif" width="968" height="659" alt=""></td> 
    </tr> 
</table> 
</body> 
</html>

如何实现这一目标？

来源

2012-04-29 user1363785

你能澄清你的问题？没有办法将1250像素宽的桌子居中放置，以便在1024像素宽的屏幕上完全可见，以便不必滚动。 – Bill 2012-04-29 06:06:38

对于一个1024像素宽的显示器，我希望它的中心和226px的边（每边113px）可以下地狱我所关心的。那就是我的意思 – user1363785 2012-04-29 06:13:28

你能用这个javascript吗？如果你能... – Endophage 2012-04-29 07:58:49

使用下面的CSS

#Table_01{ 
     margin:0 auto; 
     width:1250px; 
}

其没关系，如果你想保留这个代码，学习的目的，但共同的标准说，维持960 px.

来源

2012-04-29 06:07:45

不行。我仍然需要滚动 – user1363785 2012-04-29 06:14:33

是否以表格为中心？你必须滚动，因为表格宽度超过了窗口宽度。 – 2012-04-29 06:16:28

即时通讯知道这一点，但表甚至不响应降低宽度 – user1363785 2012-04-29 07:06:21

您可以设置表最小宽度为1025px和100％。即使如此，您仍然需要滚动，因为无法将较大的玻璃放在较小的玻璃内。

#Table_01 { 
    width: 100%; 
    max-width: 1680px; 
    min-width: 1025px; 
}

更新： 从更新的问题，我想你想在每边设置等于利润率将113px。你可以用下面的方法来做到这一点。

#Table_01 { 
    margin: 0 113px 0 113px; 
}

来源

2012-04-29 06:13:06 Grunf

谢谢，但是没有做任何事情 – user1363785 2012-04-29 06:16:07

首先，抛弃你的桌子上废弃的属性你。通过css正确应用它们。然后添加一个媒体查询，对于您的屏幕尺寸改变

#Table_01{margin:0 auto; width:1250px} 
@media only screen and (max-width:1024px) { #Table_01{width:1024} }

，或者你可以设置宽度：100％

来源

2012-04-29 06:15:33 albert

那也不管用 – user1363785 2012-04-29 06:52:47

max-width：12004是那里的东西，完全是我的错......但是来吧。看@你在做什么。 – albert 2012-04-29 06:59:31

伙计...如果你认为这是它无法正常工作的原因... – user1363785 2012-04-29 07:03:24

一个可怕的（但工作）的解决办法如下：您可以设置宽度在桌子上，居中（width: 1250px; margin: 0 auto;） - 这会将表格放在高分辨率显示器上。然后你可以在你的body元素上设置overflow-x: hidden（因为没有包装） - 这将防止出现水平滚动条。

来源

2012-04-29 07:56:03 skip405

并且不可能将一些大东西放在很小的东西里面......在你的显示器上，桌子仍然会从左边开始，226像素将从右边被切断 – skip405 2012-04-29 08:03:27

其实你可以结合答案，我的和阿尔伯特的。如果你拼命想在低分辨率显示器上将桌子从屏幕转移到左边 - 只需添加'position：relative; left：-113px;'在一个媒体查询中，并删除高分辨率的值，但是善良这是不好的 – skip405 2012-04-29 08:17:06

我有同样的问题表必须在屏幕中心，我找到了下面的解决方案。

你可以同行添加到您的直接表：

<table style="margin: auto;">

来源

2014-10-01 05:30:54

中心表（表格宽度>屏幕分辨率）

回答

相关问题