从右到左语言的 div 流

Question

是否可以在 HTML 中标记一组 div，以便它们从左到右流向从左到右的语言，而从右到左流到从右到左的语言语言？也就是说，流程将取决于 html lang 属性的设置。例如，如果您有以下

<html lang="en">

标记的 div 的流向是从左到右，而如果语言是希伯来语（一种从右到左的语言）

<html lang="he">

标记的 div 的流向将从右到左。

Answer 1

同时使用 dir 属性。它可以在任何 div 上进行，因此您可以随时更改它。

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

别忘了：您可能有一些 CSS 需要担心。我使用一个名为 R2 的项目来帮助解决这个问题。

Answer 2

我会使用 CSS 和 jQuery 来完成。 JSFiddle：http://jsfiddle.net/pxztk9ne/

默认方向是 leftToRight，如果指定的语言在 rightToLeftLangs 数组中，每个带有此 class 的块都将向右浮动。此外，目前您必须使用 .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>

从右到左语言的 div 流

Flow of divs in right-to-left language

html

javascript

css

internationalization

right-to-left