2011-09-23 89 views
2

我需要支持約20種語言(有些是從右到左)。數據庫一切正常,我們已經完成了正確的操作,但是probem是左對齊語言的前端。我的開發團隊給了我這些選項的組合:
1)從右至左創建單獨的PHP視圖文件,從左到右
2)從右至左創建單獨的CSS樣式,從左到右PHP多語言前端

但我我不開心;我只想使用1個視圖和CSS樣式集並能夠控制這些。顯然我需要改變文本方向,還需要改變UI元素的方向,所以翻頁頁面的所有頁面內容/對象。這怎麼能實現?

我讀到了兩個CSS屬性:direction和unicode-bidi。 這兩個人是否可以同時滿足文本方向和UI翻轉的需求,還是我必須使用他們的選項或其他方式?

Shoudn't有所不同,但我們正在使用codebase與hbase和mysql。

回答

2

取決於你是如何建立的頁面了一下,我不是那麼熟悉阿拉伯語佈局,但這裏有一些想法:

如果你做了,你應該能夠翻轉頁面正確的HTML結構只有幾個CSS屬性。爲了不必保留重複的css文檔,我建議您在body標籤中添加一個類,以表明它是一個左設計的權利,並且當該類存在時,會應用新的樣式規則來調整頁面從右到左的方向佈局。

製造一個小例子:http://jsfiddle.net/PVhfR/(使用具有ID #body代替一個真正的體元件樣品中的格)它使用float: leftfloat: right和利潤率

0

對於結構,應的形狀;這樣做,當你顛倒從右到左CSS的方向時,整個佈局應該翻轉。

direction: rtl應該用於寫入區域,如所有輸入元素,以翻轉寫入方向。