我想把按钮的文字放在中间,然后是图标。
下面的代码可以正常工作,直到我在按钮文本的前面添加一些特殊字符。在这种情况下,它会将所有特殊字符放在文本后面,然后是图标。
现在我已经追踪到这个问题可能与dir:'rtl‘im使用有关。但我需要它把我的图标放在文字的右边。
我会认真听取你对此的任何帮助/意见-
下面是我的代码和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;
}谢谢
发布于 2014-05-07 12:48:04
将书写方向设置为rtl意味着整个书写方向是从右到左,这可能确实会导致一些方向中立的特殊字符被放置在右边或一些从左到右的字符后面。这就是为什么只有当主要的文本内容是用从右到左的语言,例如阿拉伯语或希伯来语时,才应该使用这样的方向。
您可以以不同的方式将图像放置到某些文本的右侧。最简单的方法是在文本之后包含带有img元素的图像。您还可以使用放置在元素右侧的背景图像。无论如何,这是一个完全不同的问题,而设定写作方向只是一种不必要的复杂和冒险的方法。
https://stackoverflow.com/questions/23516581
复制相似问题