Javascript 如果dir:'；rtl&x27；使用

我想让一个按钮的文本保持在中间，后跟一个图标

在我在按钮文本前面添加一些特殊字符之前，下面的代码可以正常工作。 在这种情况下，它会将所有特殊字符放在图标后面的文本后面

现在我发现这个问题可能与我使用的dir:'rtl'有关。但是我需要它把我的图标放在文本的右边

我将非常感谢您对此事的任何帮助/意见-

下面是我的代码和css的样子

<button data-dojo-type="dijit.form.Button" type="button" data-dojo-attach- point="OpenButton" data-dojo-props="'class':'ButtonStandard',dir:'rtl', iconClass:'ButtonArrowRight'">None</button>

---

谢谢

将写入方向设置为rtl意味着总体写入方向是从右向左的，这可能确实会导致某些方向中性的特殊字符被放置在它们的右侧，或者在它们之后放置一些从左向右的字符。这就是为什么只有当主要文本内容使用从右到左的语言（如阿拉伯语或希伯来语）时才应使用这种方向的原因之一

可以用不同的方式将图像放置在某些文本的右侧。最简单的方法是在文本后面包含一个带有

img

元素的图像。也可以使用放置在元素右侧的背景图像。无论如何，这是一个完全不同的问题，设定写作方向只是一个不必要的复杂和危险的方法

.ButtonStandard {
  width: auto;
  margin-bottom: 2px;
  padding: 0px;
}


.ButtonArrowRight {
  background-image: url("images/ArrowRight.png");
  background-position: 0 53%;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
}