Question

有什么区别：

方向：rtl
text-align：right

（与this问题相关）

Answer 1

Direction将元素从右向左排序。

示例：

<div style="direction: rtl">
  <div style="display: inline-block">A</div>
  <div style="display: inline-block">B</div>
</div>

输出： B A

文本对齐显示右侧的元素。

示例：

<div style="text-align: right; width: 979px">
  test
</div>

在指定宽度的最右边输出测试。

Answer 2

text-align: right指示浏览器将文本与容器的右侧对齐。

direction: rtl指示浏览器如何显示文本，从左到右或从右到左。有些国家从右到左书写（而不是像你习惯的那样从左到右）。

我在这里举了一个例子供您查看：http://jsfiddle.net/9HP4Q/

Answer 3

更容易说出它们的共同点：设置方向：ltr和direction：rtl分别表示默认值为text-align：left和text-align：right。

方向属性的另一个更基本的影响是：

方向中性文本的文本方向（由Unicode方向性概念定义;例如，字母具有不受方向属性影响的固有中性，除非使用unicode-bidi属性覆盖）。
并排显示的块的布局方向。
表格中列的布局方向。
水平溢出的方向。
当text-align：justify生效时，最后一行文本的对齐方向。
针对列表项放置列表标记（列出项目符号或列表项编号）。

例如，如果您希望在UL元素上使用方向：rtl将列表项目符号放在右侧，对于普通英语，您应该在LI元素上设置方向：ltr，以避免弄乱文本方向（当文本包含例如标点符号。

Answer 4

方向指示文本应该被读取的方向（例如，从右到左读取阿拉伯语）

文本对齐表示文本放置在元素内的位置（例如，与右边缘对齐）

Answer 5

请参阅此小提琴以了解有关此内容的更多信息

  <div style="direction: rtl;width:200px;">
     <div style="display: inline-block">A</div>
     <div style="display: inline-block">B</div>
 </div>
 <div style="text-align: right;width:200px;">
    <div style="display: inline-block">A</div>
    <div style="display: inline-block">B</div>
 </div>

方向和文本之间的差异在CSS中对齐

5 个答案: