方向rtl到所有页面

时间:2016-07-13 08:40:56

标签: javascript html css

我有一个很长的HTML页面 我想将所有文本/表格的方向更改为rtl 如何对所有页面执行此操作而不是将任何元素更改为rtl的方向?
感谢。

5 个答案:

答案 0 :(得分:7)

使用CSS:

string sql = System.IO.File.ReadAllText(filePath, System.Text.Encoding.UTF8);
var smoServer = new Microsoft.SqlServer.Management.Smo.Server(new Microsoft.SqlServer.Management.Common.ServerConnection(cn));
smoServer.ConnectionContext.ExecuteNonQuery(sql);

使用JavaScript:

* {
    direction: rtl;
}

OR

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

OR(来自document.body.style.direction = "rtl"; 评论)

evolutionxbox

使用JQuery (即使您没有询问)

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

内联编码:

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

OR

<body dir="rtl">

答案 1 :(得分:3)

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

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

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

<body dir="rtl">

建议您使用HTML属性,因为即使CSS失败或因任何原因不影响页面,该属性仍然有效。

答案 2 :(得分:1)

您可以使用jQuery。

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

或使用纯Javascript:

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

答案 3 :(得分:0)

使用 css

html * {
  direction: rtl;
}

使用 jQuery

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

答案 4 :(得分:0)

的Javascript

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

HTML

<body dir="rtl">