javascript - 如何使用overflow-x剪切左侧内容：隐藏

Question

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

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

score 1 · Accepted Answer

尝试将其添加到您的 CSS 中。它将导致文本从右向左流动并随后隐藏左侧的溢出：

direction: rtl;

score 0 · Accepted Answer

0

你是这个意思吗？

div > * {
    float: right;
}

于 2013-01-26T18:59:50.770 回答

2 回答 2