中心元素到父级并允许剪切而没有绝对定位

Question

我一直在努力争取这个。我需要将一个孩子置于其父母的中心，如果它的宽度超过父母的宽度，则允许父母剪辑它。使用position: absolute;很容易做到这一点，但是这个元素的宽度是未知的，所以这是不行的。

狡猾的方法是将孩子设置为display: inline-block;，将父设置为text-align: center;，但这不允许我正在寻找的剪辑。相反，它将孩子左对齐并剪辑右侧。我需要它才能均匀地剪裁。

我错过了一个技巧还是应该找到替代方法？希望有一些表（ew）hack或者我没有考虑过的东西。

jsFiddle演示：http://jsfiddle.net/JRz6a/1/

要展示的图片：

Answer 1

您可以尝试将溢出：隐藏在父级中。