html – 将文本右对齐,向左溢出

参见英文答案 > Overflow to left instead of right5个
注意：此问题未在上述链接问题中得到解答,也不是重复问题.这个问题解决了使用文本方向时特殊字符排序的问题：rtl,结果可以通过unicode-bidi：bidi-override解决,如下面@Serlite所指出的那样.

我有一个包含一些文本的div,我想向左边溢出,而不是向右边.

例如,如果div包含字母表中的所有字母,则默认行为如下：

但是,我希望div的内容显示如下：

使用方向：该div的样式中的rtl工作正常,并且对于上面的示例完美地实现了这种效果,以及如果内容仅包含数字(或混合的字母数字字符),如下所示.

标准行为：

设定方向后的行为：rtl：

在div中输入特殊字符时会出现问题,例如*和#.

将字符串*#0123456789设置为div内容会导致显示以下内容：

注意*从字符串的开头移动到结尾.

很难用图像来显示问题,所以here是一个快速的方法来更好地展示它.

一般来说,设置方向属性时似乎发生了奇怪的事情,所以我猜它可能不是那种方式.

当第一个字符溢出到左边时,有没有办法可以强制最后一个字符始终可见？

#rtl {
  direction: rtl;
  unicode-bidi: bidi-override;
}