0

アラビア語のテキストを表示するプログラムを作成します。私は2種類のフォントを使用しています:

1:アラビア語を含まないフォント

2:テキストなしのフォント

この方法で各色を個別に変更できます。アラブを含むテキストとアラブを含まないテキストを互いに表示するために、同じIDを持つ2つのスパンタグを使用しました。結果：ここに画像の説明を入力

すべてが大丈夫です。しかし、テキスト整列を変更して正当化すると、うまく機能せず、テキストが消えます。結果：ここに画像の説明を入力

コードの一部:

<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

すべてのテキストの両端揃えを表示する場合は、すべてのスパンとこのスタイルのラッパーが必要です。

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

フルラインのテキストといくつかのシンボルがないため、各スパンでテキストを揃えることはできません

于 2012-07-09T08:21:09.610 に答える
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 に答える
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 に答える