CSS：更改文本溢出的方向而不更改文本顺序

Question

我有一些文字，我需要它从其容器的左侧溢出（我隐藏溢出）。基本上，我希望它看起来像这样：

显然，你必须direction: rtl;来做这件事。的 Fiddle here.

问题是会改变文字的某些顺序：hello, world?显示为?hello, world，1+2=3显示为{{1} }}

我尝试使用3=1+2属性，但我只能将完全的内容从右到左。

所以，这是实际的问题：如何在不重新排序文本的情况下让文本从容器的左侧溢出？

Answer 1

尝试：

text-align:right;
white-space:nowrap;
overflow:visible;

Answer 2

如果您有一个特定的文本块需要操作，请尝试使用负值的text-indent属性，如下所示：

text-indent: -20px

但这可能不适用于动态文本。

Answer 3

您需要将英文文本包装到具有方向LTR的范围中，溢出的文本具有“inline-flex”，如下所示：

<div style="direction:rtl;width:150px;overflow:hidden;text-align:right;white-space:nowrap;">
    <div style="display:inline-flex">
        <span style="direction:ltr;">Hello people, I'm asking: 1+1=2, or what???</span>
    </div>
</div>

您将获得：http://codepen.io/anon/pen/xKfGa

这有点复杂，但我认为这是唯一正确的方法，虽然它不会在IE上完美显示。