1

我被困住了...

我有一个 1920 像素 X 400 像素图像的幻灯片。照原样，仅当我在 1920px+ 浏览器窗口中全屏显示时，图像才会居中。如果我将窗口的大小重新调整为 1600 像素，图像会从中心向右移动，并且与网站的其他部分不对齐。

我希望幻灯片在我缩放浏览器窗口的宽度时保持居中，并根据浏览器的宽度向左和向右显示/隐藏图像区域。我不想缩放图像比例，也不能使用背景图像，这两者都很容易解决。

我假设一个 JS 侦听器计算图像宽度和浏览器窗口的宽度，以将其持续显示在中心。

演示站点在这里：http ://bit.ly/YdMZDO

4

1 回答 1

2

在 .slides-wrapper 上添加这些样式：

left: 50%;
margin-left: -960px; // half the width of your image block
于 2012-12-17T23:54:59.410 回答