使用 CSS 交换文本顺序

Question

让我们假设我有一个 HTML 格式的字符串：

你好，我的名字是彼得

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

彼得是名字我的你好

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

这在 CSS 中可能吗？

Answer 1

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

我推荐javascript来完成这类任务：

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

Answer 2

尝试使用 Unicode‫(从右到左嵌入(对于双向文本可以控制文本的当前方向性。

<span dir='rtl'>
&#x202b;Hello &#x202b;my &#x202b;name &#x202b;is &#x202b;Peter
</span>