使div的宽度与div内部的宽度完全相同

Question

忍受我。我知道这已经被问到了，我在线程中尝试了所有答案，我发现没有一个对我有用。

我有一个div（容器）里面有一些div（sprite）。容器具有响应宽度，但精灵没有。根据视口的不同，容器可以容纳2到4个精灵。现在，我想要的是容器采用某一行中最后一个div的宽度，而不是整个可用宽度。

这是基本的HTML外观：

<div class="contenedorRubros">
<div class="sprite-rubros sprite-rubros_entretenimiento imgRubro" id="Entretenimiento">
</div></div>

CSS看起来基本上是这样的：

.contenedorRubros {
padding-top:1%;
padding-bottom:1%;
margin-left:auto;
margin-right:auto;}
.sprite-rubros {
background:url(SPRITE) no-repeat top left;
display:inline-block;
padding-right:1%;
padding-bottom:1%;}

这是JSFiddle中的“简化”问题：http://jsfiddle.net/mampy3000/t6Duc/

请帮忙！很抱歉，如果解决方案已经特别贴切，但我尝试了一堆，觉得这个问题可能对我来说太复杂了。

谢谢！

PS：尝试解决涉及显示的类似问题：table，display：inline-block;漂浮等等到目前为止还不错！