如何使用overflow-x：hidden来剪辑左侧内容

Question

我想使用overflow-x：hidden从左边剪辑内容。默认情况下，其剪辑内容来自右侧。我希望内容从左边开始增长，一旦它到达父边界，它应该从左边而不是右边剪辑内容。任何的想法？以下是我目前面临的问题。                                                                                

div {
height: 120px;
background: #666;
overflow-x: hidden;
overflow-y: hidden;
white-space: nowrap;
}

http://jsfiddle.net/LxYGN/5/

Answer 1

尝试将此添加到您的CSS。它将使文本从右向左流动，然后隐藏左侧的溢出：

direction: rtl;

此处有更多信息：https://developer.mozilla.org/en-US/docs/CSS/direction

Answer 2

你是说这个吗？

div > * {
    float: right;
}

http://jsfiddle.net/LxYGN/6/