javascript - 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/