text-align和direction有什么区别

    同学你好，direction属性规定文本的方向 / 书写方向，属性影响块级元素中文本的书写方向、表中列布局的方向、内容水平填充其元素框的方向、以及两端对齐元素中最后一行的位置。direction 属性有两个值：ltr 和 rtl。大多数情况下，默认值是 ltr，显示从左到右的文本。如果显示从右到左的文本，应使用值 rtl。

具体是否产生影响，要看Unicode对于这个语言的定义。

同学可以试一下这个代码，对阿拉伯数字和符号，就可以直接产生效果：

<div style="direction: rtl;">1 2 3 4 5 6。</div>
<div style="text-align:right;">1 2 3 4 5 6。</div>

而英语和汉语只有当 unicode-bidi 属性设置为 embed 或 bidi-override 时才会应用 direction 属性。两个属性结合使用可以改变文字书写顺序。

<div style="direction:rtl;">this is a test</div>
 
<div style="direction:rtl;unicode-bidi:bidi-override;">
    this is a test</div>
 
<div style="direction:rtl;unicode-bidi:bidi-override;">
    this <span style="unicode-bidi:embed;">is a</span> test</div>
 
<div style="direction:rtl;">这个是例子</div>
 
<div style="direction:rtl;unicode-bidi:bidi-override;">
    这个是例子</div>
 
<div style="direction:rtl;unicode-bidi:bidi-override;">
    这 <span style="unicode-bidi:embed;">个是</span> 例子</div>

效果如：

    text-align 属性规定元素中的文本的水平对齐方式，就像Word中的文本对齐一样。并且它的默认值一般是依据direction 属性的。如果direction是ltr, 则默认值为 left，也就是靠左边 ，同理 direction 为 rtl 默认值为靠右边。具体默认值还是要看浏览器对它的实现。

如果我的回答解决了你的疑惑，请采纳。祝：学习愉快~