Nil*_*ehn 3 html css browser horizontal-scrolling
我的网站上有一个大图片标题（宽度为1000px）。此图像居中（水平）。如果用户使用宽度小于1000像素的浏览器窗口访问此网站，则可以水平滚动。这是我要防止的，因为图像的外部部分并不重要，并且页面的其余部分与用户浏览器窗口一样宽。
例如：一个用户浏览器窗口的宽度为600px，我想发生的是：
图像的前200px不可见，接下来的600px可见，图像的最后200px再次不可见。
<html>
<body>
<div id="outer" style="width:100%;overflow-x:hidden;">
<div id="inner" style="display: table;margin: 0 auto;width:1300px">
<img src="image.jpg" alt="image" width="1300px">
</div>
</div>
</body>
</html>