自动居中溢出水平滚动条：自动

Question

我有一个设置overflow: auto的div容器。它包含一个图像，其宽度我不想在较小的屏幕中调整大小。

代码工作正常但我希望水平滚动条在div中居中，以便图像也水平居中。我尝试在图片上添加margin: auto，但它没有帮助。最终输出应该是这样的，其中水平滚动条自动居中于屏幕调整大小：

＆＃13;

＆＃13;

div.content {
  overflow: auto;
}

img {
  margin: auto
}

＆＃13;

<div class="content">

  <img src="https://upload.wikimedia.org/wikipedia/commons/f/f4/Test_rillke.jpg" />

</div>

＆＃13;

＆＃13;

＆＃13;