Question

要将文本方向从右向左更改，我们知道以下CSS代码：

direction:rtl; //displays text direction as right to left

在css中是否有任何方法可以将总页面布局方向反转为从右到左，包括列表？

Answer 1

添加dir =＆＃34; rtl＆＃34;在整个文档方向从右到左的任何时候到html标记。这将设置整个文档的基本方向。

<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>

Answer 2

你可以尝试

＆＃13;

body 
{direction:rtl;}

＆＃13;

Answer 3

您最好的选择是使用类似于Google's CSS Janus的CSS处理器工具;这种类型的工具可以做几件事来将网站的CSS从左向右翻转为从右向左，包括添加方向：rtl，还可以翻转左/右位置和大小值 - 例如， DIV从其父级的左边缘放置4px，而不是从右侧放置4px。

这意味着您最终会为您的网站添加两个样式表：原始样式表，从左到右版本使用，以及从右到左版本使用的处理版本。

Answer 4

这将RTL页面中的所有内容：

body {
  margin: 50px;
  direction: rtl;
}

<p>معادن</p>
<ol>
  <li>ذهب</li>
  <li>فضة</li>
  <li>حديد</li>
</ol>