如何，我从右到左显示阿拉伯语文本

Question

我有一个包含标签P的页面，有时我用英语显示文本，有时用阿拉伯语显示文本。如何从右到左显示阿拉伯语文本，从左到右显示英文文本？

<p>my text</p>

Answer 1

试试这个css：

.arabic-text {
    text-align: right;
}

因此，由于您是将文本放在网站上的人，因此您知道它将是什么语言。当它是阿拉伯语时，将类添加到元素中。如果文本是子文本(如跨度或段落(，例如div，请将类放在该元素上。

如果您希望以编程方式执行此操作，因为您可能将此文本存储在数据库中，则在创建 HTML 时，您可以将其添加到其中，也可以使用 javascript 来检测自定义数据属性，例如：

<p data-language='arabic'>my arabic text</p>

然后在JavaScript中：

document.querySelectorAll('[data-language="arabic"]');

，然后将类或样式直接应用于匹配的元素