我一直在努力解决这个问题。我需要在它的父级中居中一个子级，如果它的宽度超过父级的宽度，则允许父级剪辑它。这很容易用 来完成position: absolute;，但是这个元素的宽度是未知的，所以这是不行的。
狡猾的方法是将孩子设置为display: inline-block;，将父母设置为text-align: center;，但这不允许我正在寻找的剪辑。相反，它使孩子左对齐并剪裁右侧。我需要它均匀地夹住。
我错过了一个技巧还是应该找到另一种方法？希望有一些表（ew）黑客或我没有考虑过的东西。
jsFiddle 演示：http: //jsfiddle.net/JRz6a/1/
图像演示：
