`

阿拉伯语等右向左排版文字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添加如上样式就可以了。

分享到:
评论

相关推荐

    awesome-arabic:精选清单,用于支持阿拉伯计算需求的优秀项目和devdesign资源

    "awesome-arabic"就是这样一个精心整理的资源清单,它汇聚了众多与阿拉伯语相关的自然语言处理(NLP)工具、右向左(RTL)排版技术以及devdesign资源,为开发和设计工作提供了强大的支持。 首先,我们要了解自然...

    KacstPoster

    KacstPoster作为一款专门为阿拉伯语设计的字体,它考虑到了阿拉伯文字的特点,如其右向左的书写顺序和复杂的连接形式。这种字体可能包含了多种字形变体,以适应阿拉伯语的音节结构和语法规则,确保在各种词语组合...

    mpdf.rar是PHP的类库,可以将文件导成PDF

    2. **多语言支持**:mpdf内置了对多种语言的支持,包括复杂的排版如阿拉伯语、希伯来语等从右向左的书写系统,以及中文、日文、韩文等东亚语言。 3. **图像处理**:可以插入各种类型的图片(如JPEG、PNG、GIF等),...

    Vira:(Fira + Vazir)代码

    2. **Vazir字体**:Vazir是专为波斯语和阿拉伯语设计的开源字体,它考虑了这些语言的特殊书写规则,如连笔、字形变化以及右向左的书写方向。Vazir旨在提供清晰、现代的视觉效果,同时也支持拉丁字母和其他字符,方便...

    COMSOL在煤矿顺层钻孔瓦斯抽采数值模拟中的应用与优化

    内容概要:本文详细介绍了利用COMSOL进行顺层钻孔瓦斯抽采数值模拟的方法和技术要点。首先讨论了建立几何模型的方式,特别是通过MATLAB脚本批量生成钻孔阵列,提高了建模效率。接着深入探讨了物理场设置的关键点,如渗透率随应力变化的关系以及吸附/解吸动态平衡的处理方法。文中还强调了合理的网格划分对提高计算精度和速度的重要性,并分享了一些实用的后处理技巧,如绘制瓦斯压力云图和渗流速度矢量图。最后提到了模型验证过程中需要注意的问题,尤其是钻孔施工引起的次生裂隙对模拟结果的影响。 适合人群:从事煤矿安全研究的技术人员、科研工作者及高校相关专业师生。 使用场景及目标:适用于需要深入了解瓦斯抽采机理的研究项目,旨在为优化钻孔布置方案提供理论依据和技术支持。 其他说明:文章不仅提供了具体的建模步骤指导,还分享了许多实践经验,对于希望掌握COMSOL软件在复杂多物理场耦合问题中应用的人来说非常有价值。

    spring-aop-5.0.8.RELEASE.jar中文文档.zip

    # 压缩文件中包含: 中文文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字: jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压最外层zip,再解压其中的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 # 特殊说明: ·本文档为人性化翻译,精心制作,请放心使用。 ·只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; ·不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件;

    光伏逆变器低电压穿越仿真:基于Boost-NPC拓扑的MATLAB/Simulink中点平衡SVPWM与正负序分离控制

    内容概要:本文详细介绍了基于Boost加NPC拓扑结构的光伏逆变器低电压穿越仿真实现方法。主要内容涵盖主电路架构设计、中点平衡SVPWM控制、正负序分离控制以及锁相环(PLL)的应用。文中提供了具体的MATLAB/Simulink建模步骤和技术细节,如IGBT元件的选择、SVPWM改进算法、双二阶广义积分器(DSOGI)实现正负序分离、动态无功支撑模式触发条件等。此外,还分享了一些实用的仿真技巧,如步长设置、求解器选择和电压跌落测试方法。 适合人群:电力电子工程师、光伏系统研究人员、高校相关专业师生。 使用场景及目标:适用于研究和开发高效稳定的光伏逆变器系统,特别是需要解决低电压穿越问题的研究项目。目标是提高系统的稳定性和可靠性,确保在电网故障情况下仍能正常运行。 其他说明:文中提供的仿真模型和代码片段有助于深入理解各关键技术环节的工作原理及其相互关系。建议读者在实际操作过程中仔细调整参数,以获得最佳仿真效果。

    电力系统领域风光水火储多能互补协调优化调度策略及其应用

    内容概要:本文提出了一种风光水火储多能系统互补协调优化调度策略,旨在应对多能系统电源结构复杂的问题。文中采用分层优化调度方案,上层模型以净负荷波动最小和储能系统运行收益最大为目标,下层模型以火电机组运行成本最小和可再生能源弃电量最小为目标。通过分解协调思想,实现上、下层问题的协调和下层问题的交替迭代求解。最终,在改进的IEEE30节点系统上进行了测试,验证了该策略的有效性。 适合人群:从事电力系统研究的专业人士、高校相关专业师生、对新能源调度感兴趣的科研工作者。 使用场景及目标:适用于希望深入了解风光水火储多能系统互补协调优化调度机制的研究人员和技术人员,目标是提升可再生能源利用率和电网灵活性。 其他说明:该研究不仅关注理论模型的构建,还通过实际案例展示了策略的应用效果,为未来的研究提供了有价值的参考。

    spring-boot-autoconfigure-2.5.12.jar中文-英文对照文档.zip

    # 压缩文件中包含: 中文-英文对照文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字: jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压最外层zip,再解压其中的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 # 特殊说明: ·本文档为人性化翻译,精心制作,请放心使用。 ·只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; ·不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件;

    tools.nrepl-0.2.0-beta5.jar中文-英文对照文档.zip

    # 压缩文件中包含: 中文-英文对照文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字: jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压最外层zip,再解压其中的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 # 特殊说明: ·本文档为人性化翻译,精心制作,请放心使用。 ·只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; ·不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件;

    电力电子Boost升压电路的PI与滑模控制MATLAB仿真及其性能对比

    内容概要:本文深入探讨了电力电子中Boost升压电路的两种主要控制策略——PI控制和滑模控制。首先介绍了Boost升压电路的基本原理,包括其结构组成和工作模式。接着分别阐述了PI控制和滑模控制的设计方法,并提供了详细的MATLAB仿真代码。最后通过仿真结果对比分析了这两种控制策略在输出稳定性、响应速度以及抗扰动能力方面的表现,指出滑模控制在动态响应和鲁棒性上更具优势。 适合人群:从事电力电子研究的技术人员、高校相关专业师生。 使用场景及目标:适用于需要深入了解Boost升压电路控制机制的研究项目或教学活动中,旨在提高对不同控制策略的理解并指导实际工程应用。 其他说明:文中还简要提及了反激变换器和升降压电路的相关概念,但重点在于PI控制和滑模控制的仿真分析。

    汽车动力学中非线性七自由度模型与CarSim联合仿真的构建及验证

    内容概要:本文详细介绍了非线性七自由度汽车动力学模型的构建及其与CarSim软件联合仿真的过程。首先,模型涵盖了车身三自由度(纵向、侧向、横摆)、魔术轮胎模型以及车轮转动自由度。为了确保模型的准确性,采用了龙格-库塔求解器进行数值求解,并设置了0.001秒的计算步长。文中还提供了轮胎侧偏力计算的Python实现,展示了如何通过魔术公式来模拟轮胎行为。此外,针对联合仿真过程中出现的数据同步问题,提出了基于状态预测的方法来减少相位滞后。最后,通过对50km/h双移线工况的仿真,验证了模型的有效性和可靠性,误差控制在10%以内。 适合人群:从事车辆工程、汽车动力学研究的专业人士,尤其是那些希望深入了解非线性多自由度模型构建及仿真的研究人员和技术人员。 使用场景及目标:适用于需要精确模拟汽车行驶特性的场合,如车辆性能评估、自动驾驶技术研发等。目标是提高模型精度,使其能够更好地反映真实世界中的汽车行为。 其他说明:未来计划将制动系统的温度场耦合进模型,以进一步提升模型的真实感和准确性。

    tools.nrepl-0.2.0-beta7.jar中文-英文对照文档.zip

    # 压缩文件中包含: 中文-英文对照文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字: jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压最外层zip,再解压其中的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 # 特殊说明: ·本文档为人性化翻译,精心制作,请放心使用。 ·只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; ·不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件;

    基于DBSCAN密度聚类的风电-负荷场景生成与削减模型研究及其MATLAB实现

    内容概要:本文探讨了一种基于DBSCAN密度聚类的风电-负荷场景生成与削减模型。首先,通过对风电和电力负荷的历史数据进行采集和预处理,利用DBSCAN算法去除异常值和小概率事件。接着,根据风电的波动性和电负荷的时序性、周期性特征,分别进行风电场景和电负荷场景的提取。相比于传统KMeans方法,DBSCAN更能捕捉数据的复杂性和多样性。最后,通过MATLAB仿真平台实现了该模型,并进行了参数调整和优化,确保数据的准确性和可靠性。 适合人群:从事能源管理系统研究的专业人士、电力系统工程师以及对聚类算法感兴趣的科研人员。 使用场景及目标:适用于风电场和电网调度中心,用于提升电力系统的稳定性和效率,优化资源配置,减少不必要的能耗。目标是通过创新性的场景生成与削减方法,改善电力系统的运行质量。 其他说明:文中详细介绍了实现过程中遇到的问题及解决技巧,如内存管理和算法效率优化,并提供了详细的注释和文档说明,便于其他开发者理解和使用。

    基于最小势能法的Kresling折纸结构力学分析及其MATLAB实现

    内容概要:本文详细介绍了利用最小势能法进行Kresling折纸结构的力学分析,并通过MATLAB编程实现了这一过程。首先,定义了折纸的基本几何参数(如层数、高度、边数),并生成了节点坐标。然后,构建了邻接矩阵表示结构中的连接关系。接着,通过线性弹簧模型计算了杆件的拉伸和折痕的扭转所引起的势能变化。最后,使用优化算法找到使系统势能达到最小的状态,并进行了可视化展示。文中还讨论了一些实现细节和技术难点,如避免对称性过强带来的数值计算问题以及固定节点的处理。 适合人群:对折纸结构力学有兴趣的研究人员、工程师及学生。 使用场景及目标:适用于研究复杂折纸结构的力学行为,特别是Kresling结构的变形机制。目标是通过编程手段模拟和预测这类结构在外力作用下的响应。 其他说明:本文提供的MATLAB代码可以作为一个起点,帮助读者理解和探索更多关于折纸结构力学的知识。同时,文中提到的一些简化假设(如扭转刚度的计算)可以在后续工作中进一步改进。

    UVM课程代码源码分享

    UVM课程代码源码分享

    航空与能源领域中基于Fluent的叶片裂纹应力集中分析

    内容概要:本文探讨了在气动影响下叶片裂纹应力集中问题,特别是航空和能源领域的关键部件——叶片。文中详细介绍了气动影响对叶片应力分布的具体作用机制,以及裂纹形成和应力集中之间的关系。为了更精确地分析这些问题,文章强调了Fluent软件的应用,这是一种用于流体动力学分析的强大工具。通过建立三维模型、设定边界条件并运行模拟,研究人员能够深入理解气流对叶片的作用及其导致的应力变化。最后,文章提出了基于模拟结果的优化设计方案,旨在减少应力集中,提升叶片的强度和稳定性。 适合人群:从事航空、能源等领域工作的工程师和技术人员,尤其是关注叶片设计和性能优化的专业人士。 使用场景及目标:适用于需要评估和改进叶片设计的研究项目,目的是通过科学的方法预测和防止叶片裂纹的发生,确保系统安全高效运行。 其他说明:随着计算技术和仿真工具的发展,如Fluent这样的软件将继续在叶片设计和性能优化中扮演重要角色。

    jaxb-api-2.2.7.jar中文-英文对照文档.zip

    # 压缩文件中包含: 中文-英文对照文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字: jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压最外层zip,再解压其中的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 # 特殊说明: ·本文档为人性化翻译,精心制作,请放心使用。 ·只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; ·不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件;

    COMSOL与MATLAB接口实现随机分布小圆柱体建模及应用

    内容概要:本文介绍了利用COMSOL与MATLAB接口代码实现随机分布小圆柱体模型的方法。该方法能够生成固定数量或固定孔隙率的随机分布小圆柱体,圆柱体的高度和半径服从正态分布。文中详细解释了核心参数设置、坐标生成逻辑、碰撞检测机制、模式切换策略以及COMSOL中几何创建的具体步骤。此外,还提供了应对生成失败情况的智能判断方法和一些实战技巧。 适合人群:对COMSOL和MATLAB有一定了解并希望深入研究两者结合进行复杂几何建模的研究人员和技术人员。 使用场景及目标:适用于需要构建随机分布小圆柱体模型的科研项目,如超材料、多孔介质等领域。主要目标是在保持随机性的前提下,实现对模型参数(如数量、孔隙率、尺寸分布)的有效控制。 其他说明:该方法不仅展示了如何通过编程手段灵活地控制模型特征,而且强调了在实际应用中可能遇到的问题及其解决方案。

    fastjson-1.1.28.jar中文-英文对照文档.zip

    # 压缩文件中包含: 中文-英文对照文档 jar包下载地址 Maven依赖 Gradle依赖 源代码下载地址 # 本文件关键字: jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册 # 使用方法: 解压最外层zip,再解压其中的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 # 特殊说明: ·本文档为人性化翻译,精心制作,请放心使用。 ·只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; ·不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 # 温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件;

Global site tag (gtag.js) - Google Analytics