小编she*_*hex的帖子

我正在尝试使用以下条件将元素（水平和垂直）居中：元素的显示是行内块，因为我希望根据其内容计算其宽度/高度。

当容器大于元素时，一切都很好。

但是，当元素大于容器时问题就开始了，并且元素获取的是容器的宽度而不是其内容。

提前致谢，奥伦

以防万一 jsFiddle 关闭，这里是代码片段：

<div class="working_area">
    <div class="image_container">
        <img src="http://eofdreams.com/data_images/dreams/bear/bear-05.jpg"/>
    </div>
</div>

和

.working_area {
  background: yellow;
  position: absolute;  
  width: 600px;
  height: 600px;
  display: -webkit-flex;
  -webkit-justify-content: center;
  -webkit-align-items: center;
}

.image_container {
  display: inline-block; 
    /*shrink a bit*/
    -webkit-transform: scale(0.7);
    /*-webkit-transform-origin: center center;*/
}

我使用 HTTP 标头“Cache-Control”缓存生成的图像，但是，当我不使用“no-cache”缓存 HTML 文件（包含这些 img 标签）时，我会看到发送到服务器的进一步请求（如我添加、删除并重新添加这些标签）。缓存 HTML 文件会产生缓存图像（并且不再请求）。
我能找到的唯一类似的案例是这个。
任何线索/链接将不胜感激。

浏览器：版本 32.0.1661.0 canary Aura
ps 我非常喜欢不缓存 HTML 文件。