1

我的网站上有一个大横幅，横幅有旋转图像，都在<div>. 它横跨整个页面，而且图像很大，2000px 宽，因此几乎无论屏幕宽度如何，图像都会不断向左和向右扩展。

如何保持<div>定位的中心，使其内部的所有内容与页面的内容（大约 1000 像素）对齐，并且即使页面宽度被拉伸也保持在那里？

现在，无论宽度如何，图像的左侧都只是贴在页面的左侧，因此图像会根据窗口的宽度相对于页面内容移动。这是<div>现在的代码

position: relative;
display: block;
width: 2000px;
height: 648px;
margin: 58px auto 0 auto;

谢谢！

4

2 回答 2

0

当宽度超过页面宽度时，我似乎可以这样做的唯一方法是使用 CSS3calc函数：

left: -webkit-calc((2000px - 100%) / -2)

这基本上会将左值设置为剩余值的负一半。该-webkit-前缀使其与 Chrome 兼容。如果您选择实施此解决方案，则必须根据需要添加其他浏览器前缀。

于 2013-01-28T21:12:00.370 回答
0

你有没有尝试过 ：

<img style="position:absolute;left:50%;margin-left:-1000px;"/>
于 2013-01-28T21:55:18.817 回答