0

这种设置，在我的 27 英寸显示器上，图像库对我来说看起来很正常，它位于我身体的中心。但是当我在 15 英寸显示器上查看它时，它在右侧几英寸处。现在，我知道它与“画廊”css 有关，因为 div 可能会将其推到右侧。我的问题是，尽管显示器的宽度不同，是否有更有益的方法让它保持静止？我对两列布局前景有点困惑，因为它不会移动到之前的位置。

<div id="gallery">
<div class="html5gallery" data-width="400" data-height="225" style="display:none>
<img src="images/mr.magic.jpg" alt="Mr. and Mrs. Magic">
<img src="images/mr-magic-2.jpg" alt="Mr. and Mrs. Magic">
<img src="images/mr-magic-3.jpg" alt="Mr. and Mrs. Magic">
<img src="images/mr-magic-4.jpg" alt="Mr. and Mrs. Magic">
<img src="images/mr-magic-5.jpg" alt="Mr. and Mrs. Magic">
<img src="images/david.jpg" alt="Mr. and Mrs. Magic with David Copperfield">
<img src="images/david-2.jpg" alt="Mr. Magic with David Copperfield">
<img src="images/seigfried.jpg" alt="Mr. Magic with Seigfried and Roy">
</div>
</div>

#gallery {
position: relative;
left: 950px; 
top: -560px;
float: left; padding:0; margin:0 
}

我很感激你们花时间研究这些问题，只能希望得到一个好的答案。感谢您抽出时间来阅读。

4

1 回答 1

0

我不擅长 CSS，但是...

left:950px 将意味着 div 将始终距父 div 的左侧 950px （屏幕可能在您的情况下）。所以在较小的屏幕上，它会出现在更右侧。

相反，尝试使用 % 或 px 设置 div 的宽度，然后将左右边距设置为自动。就像是：

#gallery {
position:relative;
width:50%;
margin: 0 auto;
top:-560px;
}
于 2012-09-25T20:05:02.293 回答