文章/答案/技术大牛

发布

问使用Onsen-UI的RTL？
EN

Stack Overflow用户

提问于 2015-04-30 04:06:06

回答 1查看 958关注 0票数 1

我是Onsen UI的新手，我正在开发一个阿拉伯语的应用程序(从右到左方向)。我在将某些组件的方向切换到RTL时遇到了困难。我在<body>标记中尝试了以下css代码，但没有解决问题

direction: rtl;
text-align: right;

下面是一个示例屏幕截图

HTML：

      <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>

有什么帮助吗？

onsen-ui

css

angularjs

cordova

回答 1

Stack Overflow用户

发布于 2015-04-30 04:24:51

编辑

我很抱歉，我只记得我的问题不是排列的问题，而是特殊字符的顺序错误。这是通过从右到左的标记来解决的。

原始的“答案”

你的问题只允许猜测，因为我们看不到任何代码，所以我猜：

我在使用Ionic (Angularjs + Cordova)时遇到了类似的问题。我想在右边的下拉列表中对齐项目(德语文本)，其中包含.。对于这些，direction: rtl没有帮助，所以我必须明确地标记任何我想要正确对齐的内容。

也许对你来说这也是一个类似的问题(不能真正读懂阿拉伯语，对不起)，所以试着在你的文本中添加一个right-to-left-mark，看看它是否有效。

从右到左标记：&rlm;或‏

示例：<p>Some text&rlm;</p>

http://www.w3.org/TR/WCAG20-TECHS/H34.html

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/29953483

复制

相似问题

问使用Onsen-UI的RTL？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Onsen-UI的RTL？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Onsen-UI的RTL？
EN