关于direction 和text -align

这两个不是一个意思吗，左对齐右对齐

慕粉1469801537 2019-04-21

源自：CSS入门 3-3 CSS设置文本样式

收起

1回答

芝芝兰兰 2019-04-21 14:34:07

同学你好。direction 属性和 text-align属性是不同的哦。

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

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

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

1 2	`<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或者Excel中的文本对齐一样。并且它的默认值一般是依据direction 属性的。left if 如果direction是ltr, 则默认值为 left，也就是靠左边，同理 direction 为 rtl 默认值为靠右边。具体默认值还是要看浏览器对它的实现。

老师视频中之所以只设置了direction:rtl就出现了右对齐的效果，其实是利用了默认值。

如果解答了同学的疑问，望采纳~

祝学习愉快~

收起回答