我有一个很长的HTML页面。
我想将所有文本/表格的方向更改为从右到左。
如何可以在不逐个更改元素方向为rtl的情况下,将整个页面方向更改为rtl?
谢谢。
我有一个很长的HTML页面。
我想将所有文本/表格的方向更改为从右到左。
如何可以在不逐个更改元素方向为rtl的情况下,将整个页面方向更改为rtl?
谢谢。
* {
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">
document.body.setAttribute('dir', 'rtl')
。 (说明:这是一段JavaScript代码,用于将HTML页面的文本方向设置为从右到左,通常用于阿拉伯语、希伯来语等从右向左书写的语言) - evolutionxboxdocument.children
返回至少一个项目(body
- 因为它是由Web浏览器事件自动添加的,即使在您的代码中不存在)。 - NETCreator Hosting - WebDesignCSS中的direction属性设置块级元素内内容流的方向。该属性适用于文本、内联和内联块元素。它还设置文本的默认对齐方式以及表格行中单元格流动的方向。您可以使用该属性。
body {
direction: rtl; /* Right to Left */
}
<body dir="rtl">
建议使用HTML属性,即使CSS失败或由于任何原因不影响页面也能正常工作。
$('body').children().css('direciton','rtl');
或者使用纯JavaScript:
document.getElementsByTagName('Body')[0].style.direction = "rtl"
JavaScript
document.body.style.direction= "rtl";
<body dir="rtl">
document.body.setAttribute('dir', 'rtl')
- evolutionxbox使用CSS:
html * {
direction: rtl;
}
使用 jQuery:
$('html').children().css('direction','rtl');
document.body.setAttribute('dir','rtl')
- evolutionxbox