2014-09-25 122 views
1

所以我標記了一個響應頁面,客戶端不想用阿拉伯語。當提供複製更改時,我只是將翻譯的文本內容複製並粘貼到標記中,並將「dir =」rtl「'添加到我的html行中。CSS-從右到左的文本內容

我現在收到來自客戶的反饋,指出文本仍然不正確。我已經刪除了標籤,認爲這可能是錯誤,但我得到了相同的迴應。我完全不知道加價有什麼問題。

<html class="no-js" dir="rtl"> 
<h3>عروض الكهرباء أصبحت أكثر تنافسية 
</h3> 

       <p> 
        لقد تغيرت الكهرباء في نيو ساوث ويلز. فرفع القيود الرقابية عن الكهرباء يعني خطط أكثر تنافسية للكهرباء، والمزيد من الخيارات، وانخفاض أسعار الكهرباء في نيو ساوث ويلز؛ الأمر الذي يعود بالنفع على المنازل والشركات الصغيرة. 
       </p> 
+1

問題不在於發佈代碼。 HTML'dir'屬性(而不是CSS'direction'屬性)是設置方向性的推薦方式,並且效果很好。所以必須有其他的東西阻止它的工作,比如一些錯誤的CSS重置代碼。此外,即使方向性設置爲從左到右,在文本方向上,問題中的示例也會正確呈現,但最後一個時期(右側錯位)除外。 (文本左對齊,但這是一個副作用,而不是錯誤的文本方向。) – 2014-09-25 07:37:41

+1

可能的[文本:從右到左(CSS)]的重複(http://stackoverflow.com/questions/2560966/text-從右到左css) – Rob 2015-11-12 16:04:40

回答

0

使用該CSS屬性:

html { 
    direction: rtl; 
} 

或內嵌CSS是這樣的:

<html class="no-js" style="direction:rtl"> 
<h3>عروض الكهرباء أصبحت أكثر تنافسية 
</h3> 

       <p> 
        لقد تغيرت الكهرباء في نيو ساوث ويلز. فرفع القيود الرقابية عن الكهرباء يعني خطط أكثر تنافسية للكهرباء، والمزيد من الخيارات، وانخفاض أسعار الكهرباء في نيو ساوث ويلز؛ الأمر الذي يعود بالنفع على المنازل والشركات الصغيرة. 
       </p> 
+0

嘿,這工作!雖然我有一個燈箱旋轉木馬上的文字已經消失了。 – Brendan 2014-09-25 06:02:21

+0

關於爲什麼文本在燈箱中消失的任何想法? – Brendan 2014-09-25 06:04:28

+0

@BBMAN,這只是壓倒你在其他地方的一些設置。不能保證這會發生在您的問題中未解決的全球CSS代碼(可能)導致的所有問題上。 – 2014-09-25 07:39:40

0

簡單適用text-align: right;p標籤或者你可以申請direction: rtl;也。