切换两个不同的文本位置

Question

当我将一个文本转换为使用LTR方向而第二个使用RTL方向的lang时，我想使用CSS更改两个文本位置。

此CSS适用于电子邮件。

这是我的代码：

'<span style="font-weight:bold; text-align: center;">US Cop</span> ' +curIfr.Name

curIfr.Name可以是RTL lang或LTR lang，如果要使用RTL，我想在右侧显示；如果是LTR，我想在左侧显示。

文本在卡中居中，所以我想保持居中并只切换位置。

我尝试使用

'<p style="float:right;"><span style="font-weight:bold; text-align: center;">US Cop</span></p>' +curIfr.Name

但是由于我的文本居中，所以将其带到了最右边，而没有使其居中。

我也尝试使用direction属性-但是它什么也没做。

谢谢！

Answer 1

CSS具有direction属性，用于设置块级元素内内容流的方向。值包括rtl或ltr

还有一个<bdo>可以使用的HTML元素<bdo dir="rtl">Some stuff</bdo>

根据输入，这些内容很容易用Javascript进行更改。例如，通过更改跨度上的direction属性的值或dir元素上的<bdo>属性的值。

编辑：

示例：

<div style="direction: rtl;">
  <div>Name 1</div>
  <div>Name 2</div>
</div>