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

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"]');

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