0

我写了一个程序来显示阿拉伯语文本。我使用两种字体：

1：没有阿拉伯人的字体

2：没有文字的字体

我可以使用这种方法分别更改每种颜色。我使用了两个具有相同 id 的 span 标签来显示带有阿拉伯文的文本和没有阿拉伯文的文本。结果：在此处输入图像描述

一切都很好。但是当我更改 text-align 以证明它不起作用并且文本消失时。结果：在此处输入图像描述

一部分代码：

<span class=ThuithQA id=1-0> <font  size=5>بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ (١)</font></span><span class=ThuithE> 
<font color=Red size=5>بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ (١)</font></span><span class=ThuithQA id=1-1> <font  size=5>الْحَمْدُ لِلَّهِ رَبِّ الْعَالَمِينَ (٢)</font></span>

我不想显示文字证明。

4

5 回答 5

1

如果每节经文都是单独的，span那么设置你的 css 如下所示：

编辑：

CSS

span{
    display:block;
    text-align:justify;
    direction: rtl; /* Direction of text right to left */
}

看这个演示：

http://jsfiddle.net/rathoreahsan/mSEj9/1/

于 2012-07-09T08:03:39.633 回答
1

如果要显示所有文本对齐，则需要一个覆盖所有跨度的包装器和以下样式：

.wrapper {
    direction: rtl;
    text-align: justify;
}

您不能在每个跨度中对齐文本对齐，因为它们没有整行的文本 + 一些符号

于 2012-07-09T08:21:09.610 回答
0

尝试将跨度设置为 display:block 或设置宽度

于 2012-07-09T07:55:00.450 回答
0

尝试text-align正确。

span{
  display:block;
  text-align:right;
}
于 2012-07-09T07:57:34.237 回答
0

我可以用这段代码解决我的问题：我把阿拉伯文和文本放在一个单独的 div 中并设置 div

posation:absolute

并设置身体

text-align:justify;

一部分代码

<div style=" position:absolute;"> 
<span class=ThuithQA id=1-0> 
<font  size=5>بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ (١)</font> 
</span > 
<span class=ThuithQA id=1-1> 
<font  size=5>الْحَمْدُ لِلَّهِ رَبِّ الْعَالَمِينَ (٢)</font> 
</span >  
</div> 

<div style=" position:absolute;"> 
<span class=ThuithE> 
<font color=Red size=5>بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ (١)</font> 
</span > 
<span class=ThuithE> 
<font color=Red size=5>الْحَمْدُ لِلَّهِ رَبِّ الْعَالَمِينَ (٢)</font> 
</span > 
</div>

结果： 在此处输入图像描述

于 2012-07-09T09:35:58.880 回答