问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

方向 rtl 到所有页面

社区维基
1
新手上路，请多包涵

我有一个很长的 html 页面。

我想将所有文本/表格的方向更改为 rtl。

我怎样才能对所有页面执行此操作而不是将任何元素更改为 rtl 的方向？

谢谢。

原文由 CSharpBeginner 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译javascripthtmlcss
阅读 349
2 个回答
得票最新
社区维基
1
✓ 已被采纳

使用 CSS：

 * {
    direction: rtl;
}

使用 JavaScript：

 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')

使用 JQuery （即使你没有询问） ：

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

内联编码：

 <body dir="rtl">

或者

<html dir="rtl">

原文由 NETCreator Hosting - WebDesign 发布，翻译遵循 CC BY-SA 4.0 许可协议

社区维基
1

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

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

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

<body dir="rtl">

建议您使用 HTML 属性，因为即使 CSS 失败或由于任何原因不影响页面，该属性也能正常工作。

原文由 Dipak Prajapati 发布，翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题