Css RTL与Onsen用户界面?
我是Onsen用户界面的新手,我正在用阿拉伯语开发一个应用程序(从右到左)。 我很难将某些组件(如列表项)的方向切换到RTL。 我在Css RTL与Onsen用户界面?,css,angularjs,cordova,onsen-ui,Css,Angularjs,Cordova,Onsen Ui,我是Onsen用户界面的新手,我正在用阿拉伯语开发一个应用程序(从右到左)。 我很难将某些组件(如列表项)的方向切换到RTL。 我在标记中尝试了以下css代码,但没有解决问题 direction: rtl; text-align: right; 这里有一个屏幕截图 HTML: فئة ما دون ال ٨ سنوات الصف ١ الصف ٢ الصف ٣ فئة ما دون ال ١٥ سنة الصف ١ الصف ٢ الصف ٣ الصف ٤ فئة ما دون ال ١٨
标记中尝试了以下css代码,但没有解决问题
direction: rtl;
text-align: right;
这里有一个屏幕截图
HTML:
فئة ما دون ال ٨ سنوات
الصف ١
الصف ٢
الصف ٣
فئة ما دون ال ١٥ سنة
الصف ١
الصف ٢
الصف ٣
الصف ٤
فئة ما دون ال ١٨ سنة
الصف ١
الصف ٢
有什么帮助吗?编辑
对不起,我只记得我的问题不在于对齐,而在于特殊字符的排列不整齐。通过从右向左的标记解决了这个问题
原始“答案”
您的问题只允许猜测,因为我们看不到任何代码,所以我猜:
我在使用Ionic(Angularjs+Cordova)时遇到了类似的问题。我想在右边的下拉列表中对齐项目(德语文本),其中包含
<代码>方向:rtl对这些没有帮助,所以我必须明确地标记我想要对齐的任何内容
也许这对你来说也是一个类似的问题(对不起,你真的看不懂阿拉伯语),所以试着在你的文本中添加一个从右到左的标记,看看它是否有效
从右到左标记:&rlm代码>或代码>
示例:一些文本&rlm
你能给我们举个例子吗?问题在哪里?刚刚编辑了问题,谢谢你的帮助。你解决了吗?如果它回答了你的问题(和编辑一起),那么将它标记为答案。。。
<ons-list>
<ons-list-header>فئة ما دون ال ٨ سنوات</ons-list-header>
<ons-list-item modifier="chevron">الصف ١</ons-list-item>
<ons-list-item modifier="chevron">الصف ٢</ons-list-item>
<ons-list-item modifier="chevron">الصف ٣</ons-list-item>
<ons-list-header>فئة ما دون ال ١٥ سنة</ons-list-header>
<ons-list-item modifier="chevron">الصف ١</ons-list-item>
<ons-list-item modifier="chevron">الصف ٢</ons-list-item>
<ons-list-item modifier="chevron">الصف ٣</ons-list-item>
<ons-list-item modifier="chevron">الصف ٤</ons-list-item>
<ons-list-header>فئة ما دون ال ١٨ سنة</ons-list-header>
<ons-list-item modifier="chevron">الصف ١</ons-list-item>
<ons-list-item modifier="chevron">الصف ٢</ons-list-item>
</ons-list>