从右到左语言的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的流动

回答

相关问题