2014-02-11 45 views
9

Masonry可以很好地處理從LTR(從左到右)的文本方向。現在我想用masonry和文本方向RTL(從右到左[中東語言,如希伯來語和阿拉伯語主要是從右到左書寫])。砌體可以使用RTL(從右到左)方向

當我在RTL (Right-To-Left)文本方向上運行masonry時,masonry插件將其所有網格佈局設置爲LTR(從左到右)格式。

我也通過masonry插件的文檔,但沒有找到任何有關RTL (Right-To-Left)方向的設置。

任何建議的解決方案?

+0

提示:看看'isOriginLeft'選項。 –

回答

2

這是兩年左右的晚了,但我有同樣的問題,並發現砌體提供的解決方案。

有一個選項isRTL來排磚由右至左:

$('.tile-view').masonry({ 
    columnWidth: 200, 
    isRTL: true 
}); 
+2

根據砌體的文件,選項originLeft從左到右排列項目: '$('selctor')。砌體({originLeft:false }); –

11

可以漂浮的物品就在CSS:

.masonry .item { 
    float: right; 
} 

然後更改您的JavaScript選項isOriginLeft: false

這裏是一個小codepen來說明:

http://codepen.io/anon/pen/gkCiG

+2

那麼一個可怕的文件的情況。此解決方案可行,但[正式記錄的解決方案「isRTL:true」](http://desandro.github.io/masonry/docs/options.html#isrtl)不起作用。事實上,根本不在[源代碼](https://github.com/desandro/masonry/blob/master/masonry.js)中。 – deweydb

6

我覺得isOriginLeft: false是正確的答案,根據this網站

0

OriginLeft

控制水平佈局的流程。默認情況下,item元素開始位於左側,其中originLeft:true。對於從右到左的佈局設置originLeft:false。

originLeft: false 
相關問題