Question

我有以下html -

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
   <style type="text/css">
    .style1 {
        width: 2454px;

    }
   </style>
</head>

<body>
<table width="5964" border="0" cellspacing="13">
  <tr>
   <td width="3484"><img src="images/square.jpg" width="850" height="534" /
   <img src="images/circle.jpg" width="850" height="534" /></td>
   <td class="style1"><img src="images/rectangle.png" width="1134" height="534" /></td>
  </tr>
</table>
</body>

当我在IE中查看此页面时，水平滚动条比它应该更远，而我需要它停在最后一个图像上rectangle.png。

我试图改变CSS，使列宽设置为auto，但这不起作用，还有表宽度。我怎么能绕过这个？

Answer 1

您的第一列宽度为3484像素，矩形图像的宽度为1134像素。因此，即使您更改CSS中的宽度，最小值也将为4618px。（大约是我当前屏幕宽度的4倍）。

Answer 2

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
#container {
width:100%; // set width to what you want
margin:0 auto; // if you want to center on page
    }

</style>
</head>

<body>
<div id="container">
<table width="5964" border="0" cellspacing="13">
<tr>
<td width="3484"><img src="images/square.jpg" width="850" height="534" /
<img src="images/circle.jpg" width="850" height="534" /></td>
<td><img src="images/rectangle.png" width="1134" height="534" /></td>
</tr>
</table>
</div>
</body>

尝试这一点，如果您的内容包含在屏幕中，它可以帮助您滚动，看看它是否有帮助。我过去用这种方式解决了同样的问题。希望它有助于好运。

停止在html中滚动最后一个图像

2 个答案: