`

阿拉伯语等右向左排版文字CSS解决方案

 
阅读更多

国际化市场,二十七国文字,其中免不了“反常态”的语种,比如,阿拉伯语,波斯语,希伯来文等,书写和阅读习惯都是从右向左,所以文字排版也要求是从右向左。
总结了一些解决方案,详细如下:

方法一:
html标签中添加 dir="rtl" 属性
<html DIR=RTL>   改变文档的书写顺序


方法二(css):

html{direction:rtl;unicode-bidi:bidi-override;}

方法二(css):
html{direction:rtl;unicode-bidi:bidi-override;}
给html添加如上样式就可以了。

1. direction:
        语法:
          direction : ltr | rtl | inherit
            取值:
          ltr  :  默认值。文本从左到右流入
          rtl  :  文本从右到左流入
          inherit  :  文本流入方向由继承获得
       说明:
          用于设置文本流入的方向。
          此属性不会影响拉丁文的字母数字字符,它们总是以 ltr 值被呈递。但是此属性会作用于拉丁文的标点符号。
          假如您想应用此属性于内联文本,您必须设定 unicode-bidi 属性为 embed 或 bidi-override 。
2. unicode-bidi:
          语法:
         unicode-bidi : normal | bidi-override | embed
          取值:
         normal  :默认值。对象不打开附加的嵌入层,对于内联要素,隐式重排序跨对象边界进行工作
         bidi-override  :严格按照 direction 属性的值重排序。忽略隐式双向运算规则
         embed  :对象打开附加的嵌入层, direction 属性的值指定嵌入层,在对象内部进行隐式重排序

       说明:
         用于同一个页面里存在从不同方向读进的文本显示。与 direction 属性一起使用。
         假如您想应用 direction 属性于内联文本,您必须设定此属性值为 embed 或 bidi-override 。
         Unicode 双向运算法则自动翻转嵌入字符顺序依照它们固有的流动方向。例如,英文文档的默认书写方向是左-右,假如其
         中包含的部分其他语种的字符其书写方向是右-左,双向运算法则就可以用来代理用户正确的反转其流动方向。


方法三(JS):
设置 text-align:right;然后翻转所有字符串。
不推荐使用此方法,一是容易出错,二是大量JS操作,损耗性能。



参考:迪拜的官方网站www.dm.gov.ae

给html添加如上样式就可以了。

分享到:
评论

相关推荐

    MFC文字从右向左竖排显示

    在MFC(Microsoft Foundation Classes)框架中,实现文字从右向左竖排显示涉及对文本布局和方向的深入理解。这种显示方式常见于阿拉伯语、希伯来语等语言,但在处理中文时需要特别定制。这里我们将探讨如何在MFC应用...

    WPFLable从右往左显示文字.7z

    在许多语言中,如阿拉伯语和希伯来语,文字是从右到左书写的。在WPF中,我们可以设置`FlowDirection`属性来改变控件的文本方向。将`FlowDirection`设置为`RightToLeft`可以使文本从右到左排列。 4. **动画效果**:...

    阿拉伯语输入法阿拉伯语输入法阿拉伯语输入法

    阿拉伯语属于右向左(RTL)语言,其字母系统不同于常用的拉丁字母,因此需要专门的输入解决方案。 1. **阿拉伯语输入法的基本原理**: - 阿拉伯语输入法基于键盘布局,通常会映射阿拉伯字母到标准的QWERTY键盘上,...

    阿拉伯语翻译通-阿拉伯语语音翻译软件

    阿拉伯语汉语双语工作翻译、阿拉伯国家出国翻译、旅游翻译、购物翻译、跨境电商、日常交流和语言学习等场景,帮助大家解决语言障碍,轻松使用阿拉伯语进行交流。 适用人群: 使用阿拉伯语、英语等跨语言交流的对外...

    文字从右到左移动.rar

    在许多文化中,尤其是那些使用希伯来语、阿拉伯语或波斯语等从右到左(RTL)书写的语言,文字的布局和流动方式与从左到右(LTR)的语言如英语、中文和大多数欧洲语言截然不同。这个压缩包可能包含了实现这种效果的...

    阿拉伯语 语言包1.0

    阿拉伯语是一种从右向左书写的语言,其字符集与大部分西方语言(如英语)截然不同。因此,常规的键盘布局无法满足阿拉伯语的输入需求。安装这个语言包后,用户可以通过调整键盘布局,轻松输入阿拉伯语字母、音标以及...

    阿拉伯语输入法 for windows

    阿拉伯语是一种使用阿拉伯字母书写的语言,其书写方向是从右到左,这对于习惯了从左到右书写的用户来说可能会有一定的挑战。因此,一款好的阿拉伯语输入法能够提供直观的界面和转换机制,使得非母语者也能轻松输入。...

    阿拉伯语连写程序压缩包

    在Android平台上,阿拉伯语的显示涉及到字符的连写规则,因为阿拉伯文是一种从右到左书写的语言,其字符在特定条件下需要连接起来形成连字,以确保文本的正确视觉呈现。这个压缩包很可能包含了一个或多个软件应用,...

    阿拉伯语输入法安装程序

    阿拉伯语是一种使用阿拉伯字母书写的语言,其文字是从右到左书写的,这与大多数使用拉丁字母的西方语言截然不同。因此,对于电脑和移动设备,标准的英文键盘无法直接输入阿拉伯语字符。阿拉伯语输入法通过提供特殊...

    歌木斯智能阿拉伯语输入法

    歌木斯智能阿拉伯语输入法是一款歌木斯网研发的免费阿拉伯语输入法软件,有如下特点: 1.输入法具有联想功能,根据用户输入的内容,对阿拉伯语词语进行联想提示,用户可以选择符合要求的候选词;大大节约输入时间;...

    阿拉伯语输入法安装及教程

    阿拉伯语是一种从右到左书写的语言,与许多其他语言的输入方式有所不同,因此,需要特别的输入法来支持。下面我们将详细介绍安装过程以及如何有效地使用这些工具。 首先,让我们关注安装部分。在Windows操作系统中...

    阿拉伯语模拟键盘输入法v1.0中文免费安装版

    总结起来,阿拉伯语模拟键盘输入法v1.0中文免费安装版以其独特的鼠标输入方式、小巧的体积、免安装的特性以及全面的输入功能,为使用阿拉伯语的用户提供了高效便捷的输入解决方案。无论是在学术研究、商务洽谈还是...

    阿拉伯语音标flash

    "阿拉伯语音标flash"是一种专门针对阿拉伯语初学者设计的教学资源,它利用交互式的Flash动画来帮助学习者直观地理解和模仿阿拉伯语的发音。 阿拉伯语音标是表示阿拉伯语发音的一种符号系统,它可以帮助非母语者准确...

    论文研究 - 有洞察力的阿拉伯语老师:比达优的学生对阿拉伯语的挑战和解决方案

    自2005年以来,马来西亚小学一直在教授阿拉伯语,而现在,这种语言已经传播并普及到非马来学生,包括Bidayuh学生。 至于比达尤(Bidayuh),这是他们的外语,在母语和其他语言(例如英语和马来语)中,它仅次于母语...

    新编阿拉伯语第二册会话课文句型课后翻译整理.doc

    阿拉伯语作为一门语言,对于非母语者来说,拥有独特的魅力和学习挑战。它不仅是一种广泛使用的语言,更是理解中东地区文化、历史和宗教的重要工具。《新编阿拉伯语第二册会话课文句型课后翻译整理》这一学习材料,...

    阿拉伯语输入法安装教程

    5. **文字教程**:"阿拉伯语输入法安装教程.txt"提供了详细的步骤说明。这个文本文件可以帮助那些喜欢阅读详细步骤的用户。仔细阅读并按照指导操作,以确保正确安装。 6. **视频教程**: 视频教程是另一种有效的学习...

    阿拉伯语学习软件 基本用语

    语法讲解是学习任何语言的关键环节,这款软件以简洁易懂的方式呈现阿拉伯语的语法结构,包括名词的性别、数的变化、动词的时态等,使学习者能逐步构建起语言框架。此外,实用对话模块提供了一系列真实场景下的对话...

    增加阿拉伯语键盘

    本教程将详细介绍如何在Android源码中增加阿拉伯语键盘选项,以便为使用阿拉伯语的用户提供便捷的输入体验。 首先,了解Android键盘架构是至关重要的。Android系统中的键盘通常基于AOSP(Android Open Source ...

    阿拉伯语语法包

    阿拉伯语语法包

Global site tag (gtag.js) - Google Analytics