如何使用溢出X剪輯左內容：隱藏

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/zh-CN/docs/CSS/direction

Answer 2

你是這個意思嗎

div > * {
    float: right;
}

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