Masonry可以很好地處理從LTR(從左到右)的文本方向。現在我想用masonry和文本方向RTL(從右到左[中東語言,如希伯來語和阿拉伯語主要是從右到左書寫])。砌體可以使用RTL(從右到左)方向
當我在RTL (Right-To-Left)文本方向上運行masonry時,masonry插件將其所有網格佈局設置爲LTR(從左到右)格式。
我也通過masonry插件的文檔,但沒有找到任何有關RTL (Right-To-Left)方向的設置。
任何建議的解決方案?
Masonry可以很好地處理從LTR(從左到右)的文本方向。現在我想用masonry和文本方向RTL(從右到左[中東語言,如希伯來語和阿拉伯語主要是從右到左書寫])。砌體可以使用RTL(從右到左)方向
當我在RTL (Right-To-Left)文本方向上運行masonry時,masonry插件將其所有網格佈局設置爲LTR(從左到右)格式。
我也通過masonry插件的文檔,但沒有找到任何有關RTL (Right-To-Left)方向的設置。
任何建議的解決方案?
這是兩年左右的晚了,但我有同樣的問題,並發現砌體提供的解決方案。
有一個選項isRTL
來排磚由右至左:
$('.tile-view').masonry({
columnWidth: 200,
isRTL: true
});
根據砌體的文件,選項originLeft從左到右排列項目: '$('selctor')。砌體({originLeft:false }); –
可以漂浮的物品就在CSS:
.masonry .item {
float: right;
}
然後更改您的JavaScript選項isOriginLeft: false
。
這裏是一個小codepen來說明:
那麼一個可怕的文件的情況。此解決方案可行,但[正式記錄的解決方案「isRTL:true」](http://desandro.github.io/masonry/docs/options.html#isrtl)不起作用。事實上,根本不在[源代碼](https://github.com/desandro/masonry/blob/master/masonry.js)中。 – deweydb
我覺得isOriginLeft: false
是正確的答案,根據this網站
控制水平佈局的流程。默認情況下,item元素開始位於左側,其中originLeft:true。對於從右到左的佈局設置originLeft:false。
originLeft: false
提示:看看'isOriginLeft'選項。 –