方向rtl到所有页面

Question

我有一个很长的 html 页面。
我想将所有文本/表格的方向更改为 rtl。
我怎样才能对所有页面执行此操作，而不是更改任何元素的 rtl 方向？
谢谢。

Answer 1

使用CSS：

* {
    direction: rtl;
}

var children = document.children;
var i;
for (i = 0; i < children.length; i++) {
   children[i].style.direction = "rtl";
}

或

document.body.style.direction = "rtl";

或（来自

evolutionxbox

document.body.setAttribute('dir', 'rtl')

$("html").children().css("direction","rtl");

<body dir="rtl">

或

<html dir="rtl">

Answer 2

CSS 中的

direction 属性设置块级元素内内容流的方向。这适用于文本、内联和内联块元素。它还设置文本的默认对齐方式以及表格单元格在表格行内流动的方向。您可以使用

body {
  direction: rtl;  /* Right to Left */
}

或 还有一个用于设置方向的 HTML 属性

<body dir="rtl">

建议您使用 HTML 属性，因为即使 CSS 失败或因任何原因不会影响页面，该属性也会起作用。

Answer 3

您可以使用 jQuery。

$('body').children().css('direction','rtl');

或者使用纯Javascript：

document.getElementsByTagName('Body')[0].style.direction = "rtl"

Answer 4

Javascript

 document.body.style.direction= "rtl";

HTML

<body dir="rtl">

Answer 5

使用

css：

html * {
  direction: rtl;
}

使用

jQuery：

$('html').children().css('direction','rtl');