Question

我想将按钮的文字保留在中间，然后是一个图标。

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

现在我已经跟踪过这个问题可能与目录有关：'rtl'im using。但我需要将我的图标放在文本的右侧。

我真的会对此提出任何帮助/意见 -

这是我的代码和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>

我的css看起来像这样

.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;
}

谢谢

Answer 1

将书写方向设置为rtl意味着整个书写方向是从右到左，这可能确实会使一些方向中性的特殊字符放在右边或一些从左到右的字符后面。这就是为什么只有当主流文本内容采用从右到左的语言（例如阿拉伯语或希伯来语）时才能使用这种方向的原因。

您可以以不同方式将图像放置在某些文本的右侧。最简单的方法是在文本后面包含一个img元素的图像。您还可以使用放置在元素右侧的背景图像。无论如何，这是一个完全不同的问题，设置写作方向只是一种不必要的复杂和冒险的方法。

如果dir：＆＃39; rtl＆＃39;那么Dojo Text会将所有特殊字符对齐到右边。用来

1 个答案: