阿拉伯语网站文字从右往左读,怎样写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,标题:阿拉伯语网站文字从右往左读