我有一个路径列表(缺少一个更好的词,也许面包屑路径描述更好).有些值太长而无法显示在父级中,所以我正在使用它们text-overflow: ellipsis.问题是重要信息在右边,所以我想要省略号出现在左边.像这样的ascii艺术:
----------------------------
|first > second > third |
|...second > third > fourth|
|...fifth > sixth > seventh|
----------------------------
请注意,第一行足够短,因此它保持左对齐,但其他两行太长,因此省略号显示在左侧.
我更喜欢只有CSS的解决方案,但如果无法避免,JS就可以了.如果该解决方案仅适用于Firefox和Chrome,则可以.
编辑:此时我正在寻找解决Chrome中的错误的方法,以防止文档混合使用RTL和LTR时正确呈现.这就是我从一开始就真正需要的,我只是没有意识到这一点.