css - 使用 CSS 交换文本顺序

Question

假设我有一个 HTML 格式的字符串:

Hello my name is Peter

我必须使用 CSS 来改变它的顺序，从右边开始，所以输出应该是:

Peter is name my Hello

我认为 directions: "rtl" 是解决方案，但事实并非如此。

这在 CSS 中可能吗？

Answer 1

在纯 CSS 中没有任何方法可以做你想做的事。 direction: "rtl" 将重新调整页面方向，使文本从右侧开始，但如果您正在编写拉丁文字，字符仍会从左到右阅读。

我推荐使用 javascript 来完成这类任务:

const el = document.querySelector('#YOUR_EMEMENT')
el.innerText = el.innerText.split(' ').reverse().join(' ')