调整大小时水平居中图像
调整大小时水平居中图像
提问于 2012-12-17 23:46:32
我被卡住了..。
我有一个1920px x 400px图像的幻灯片。实际上，只有当我在1920px+浏览器窗口上全屏显示时，图像才会居中。如果我将我的窗口大小调整到1600px，图片就会向右移动，并且与站点的其余部分不对齐。
我希望幻灯片在缩放浏览器窗口的宽度时保持居中，并根据浏览器的宽度在左侧和右侧显示/隐藏图像区域。我不想缩放图像比例，也不能使用背景图像，这两种方法都很容易修复。
我假设使用一个JS侦听器来计算图像宽度和浏览器窗口的宽度，以使其连续显示在中心位置。
演示站点在这里：http://bit.ly/YdMZDO
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-12-17 23:54:59
在.lides-wrapper中添加这些样式：
left: 50%;
margin-left: -960px; // half the width of your image block页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13924187
复制相关文章
相似问题
腾讯云开发者
