使用CSS交换文本顺序

假设我有一个字符串，在HTML中：

你好，我叫彼得

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

彼得是我的名字，你好

我以为“rtl”是解决方案，但事实并非如此

---

这在CSS中是可能的吗？

在纯CSS中没有任何方法可以实现您想要的功能<代码>方向：“rtl”将重新调整页面方向，使文本从右侧开始，但如果您正在编写拉丁语脚本，字符仍将从左向右读取

对于这类任务，我建议使用javascript：

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

尝试使用Unicode

‫（从右到左嵌入）可以控制文本的当前方向性



‫；你好‫；我的‫；名称‫；是‫；彼得
你可以用
transfom
制作动画，如果文本本身就在一个div中是不可能的。你可以将每个单词封装在一个span或什么东西中，并使用一个反向flex-box。它来自一个外部设备，采用“月”空间“日”格式，我需要显示月的前一天，但我无法控制如何获取字符串。它在一个div中，就是这样…我是否要用我为该div提供的css类替换您的元素？是的，使用
。您的类
我应该补充一点，如果在任何地方重用该类，querySelector将首先执行，这可能不是您想要的。如果这是一个常用的类，你想在你的div上设置一个id，或者至少构建一个更长的css查询，你知道它是唯一的。这就是我拥有的：jQuery（document）.ready（函数（$）{const el=document.querySelector（'.birth_date'）el.innerText=el.innerText.split（''）.reverse（）.join（''）}）；但是，它只交换第一类的.birth_date。有什么我可以添加，使它循环它与该类的所有div吗？不仅仅是第一个？我发布的截图是vanilla JS，将不使用jQuery运行。如果你想用jQuery的方式，可以使用这个
$（'.birth\u date'）.each（function（）{this.innerText=this.innerText.split（''）.reverse（）.join（''）}
。然而，如果您发布的内容是您所有的，那么您可能不需要jQuery。如果你想用vanilla js的方式来做，那么就做
const els=document.querySelectorAll（'.birth\u date'）；对于（elofels）{el.innerText=el.innerText.split（“”）.reverse（）.join（“”）}
一个好的答案不仅仅依赖于代码。你真的应该解释一下这是如何回答这个问题的。在这种情况下，这也没有帮助，因为HTML是由外部源提供的，不可修改。Jon是正确的。我无法使用您的解决方案，因为它是从外部来源提供的。