text-align:right;

direction: rtl;.

">

杭州前端外包

阿拉伯语网站文字从右往左读

阿拉伯语网站文字从右往左读,怎样写css

第一:阿拉伯语不同于其他文字,是从右向左读的,文字要向右对齐,在CSS中右对齐的属性有两条:

text-align:right;

direction: rtl;.

1、text-align很常见,也就是简单的右对齐属

2、CSS手册中对direction属性是这样描述的:该属性指定了块的基本书写方向,以及针对 Unicode 双向算法的嵌入和覆盖方向。

      定义了direction:rtl的元素,文字的书写方向是从右至左。另外direction还有控制text-align默认值的作用,

      定义过direction:rtl的元素,如果没有预先定义过text-align,那么这个元素的text-align的值就变成了“right”

可以比较这样的代码:

<div style="direction: rtl;">1 2 3 4 5 6</div>

<div style="text-align:right;">1 2 3 4 5 6</div>

效果如下:

1 2 3 4 5 6

6 5 4 3 2 1


可见如果要实现自右向左的阅读顺序,用到direction:rtl 就够了。direction属性是可继承的,所以常见的做法是给html元素增加一条属性,就能覆盖全局了。

html {direction: rtl;}或者<html dir="rtl">


第二:阿拉伯语网站表单的写法
阿拉伯语的用户浏览习惯中,lable是要放在右侧的,设置了左浮动的lable即使内部文字顺序是从右开始的,lable本身还是在左侧的:

应该利用display:inline-block进行顺序布局。


第三:我们常用的网页正文字体大小,中英文是12px-14px,而这个字体大小对于阿拉伯文字来说就太小了,一般阿拉伯文要设置16px以上才才方便阅读,最常见的是18px:





原创文章请注明转载自杭州WEB前端外包网站本文地址:http://hz.35ui.cn/post/79.html,标题:阿拉伯语网站文字从右往左读

【我来说两句】
分享到:

相关文章:



评论 0

发表评论:

杭州前端外包验证码

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。