從右到左語言的div的流動

是否可以在HTML中標記一組div以便它們從左到右流動從左到右的語言，同時從右到左流動到右側到左邊的語言？也就是說，流程將取決於html lang屬性的設置。例如，如果你有標記的div將左到右以下從右到左語言的div的流動

<html lang="en">

流量，而如果語言是希伯來語（從右到左的語言）

<html lang="he">

標記的div的流向將從右到左。

2015-04-07 Paul Reiners

也使用dir屬性。它可以繼續使用任何div，因此您可以即時更改它。

<html lang="he" dir="rtl">

不要忘了：你可能會有一些CSS擔心。我使用一個名爲R2的項目來解決這個問題。

來源

2015-04-07 14:48:07

我會用CSS和jQuery來做。的jsfiddle：http://jsfiddle.net/pxztk9ne/

默認方向是leftToRight，與此類每塊將被右浮動，如果指定的語言是rightToLeftLangs陣列英寸此外，此刻的你必須在html的元素，而不是在HTML元素（jQuery的3號線）的語言

$(document).ready(function() { 
 
    var rightToLeftLangs = ['he']; 
 
    if($.inArray($('.html').attr('lang'), rightToLeftLangs) > -1) { 
 
     $('.leftToRight').removeClass('leftToRight').addClass('rightToLeft'); 
 
    } 
 
});

.floating { 
 
    position:relative; 
 
    width:100px; 
 
    height:100px; 
 
    background:#eee; 
 
} 
 

 
.leftToRight { 
 
    float:left; 
 
} 
 

 
.rightToLeft { 
 
    float:right; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="html" lang="en"></div> 
 
<div class="floating leftToRight"> 
 
    Some text 
 
</div>

來源

2015-04-07 15:01:32 Alex

如果什麼JavaScript是關閉？ –

然後它使用默認的方向，目前 - 這是leftToRight – Alex

從右到左語言的div的流動

回答

相關問題