Html 制作div'；s的宽度正好是内部div的宽度

请容忍我。我知道有人问过我这个问题，我尝试了所有的答案，我发现没有一个能帮到我

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

这是基本的HTML外观：

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

这就是JSFIDLE中的“简化”问题：

请帮忙！很抱歉，如果这个问题的解决方案已经被特别处理，但我尝试了很多，觉得这个问题对我来说可能太复杂了

谢谢

---

PS：尝试解决类似问题，包括显示：表格、显示：内联块；浮子等等，到目前为止还不行

您能否确定哪个元素没有正确显示id？很难理解这里的描述。还要注意的是，您在这些div之间复制id，id应该是唯一的。事实上，它们都指向了精灵的不同部分。我的问题是，我想让相关的机器人将自己包裹在里面的div上，以使其居中，而不是在右侧留下一大块空间。可能是Spot on的复制品。但是你能帮我一下吗？我不明白我做错了什么，它仍然不起作用…：

.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%;}