如何在 CSS 中反转文本方向

处理文本时，可能会出现需要反转其方向的情况，以便它从右到左流动，而不是默认的从左到右流动。本文为此类场景提供了使用 CSS 的解决方案。

更改文本方向的 CSS 代码

以下 CSS 代码可用于反转文本方向：

.cssClassName {
  direction: rtl;
  unicode-bidi: bidi-override;
}

应用类

要应用此代码，请对包含要反转的文本的 HTML 元素使用 .cssClassName 类。例如，如果您有一个包含以下文本的段落标记：

This is it

并且您想要反转其方向，请应用该类像这样：

This is it

结果文本将是：

ti si sihT

注意： 确保 .cssClassName 类应用于包含文本的元素，因为它不适用于空元素。