css – text-align：end和right之间的区别

text-align：end;有什么区别？和text-align：对;？

当我使用其中任何一个时,我得到相同的结果,但是有什么不同吗？

根据 https://developer.mozilla.org/en/docs/Web/CSS/text-align：

• end
  The same as right if direction is left-to-right and left if direction is right-to-left.

• right
  The inline contents are aligned to the right edge of the line box.

基本上你使用串联方向结束：[rtl | ltr]和end将相应地调整,而right将始终保持你的文本向右,无论你设置什么方向.

https://jsfiddle.net/ths4kdmx/

.end {
  text-align: end;
}
.right {
  text-align: right;
}
.dir-ltr {
  direction: ltr;
}
.dir-rtl {
  direction: rtl;
}

<div class="dir-ltr end">
  End alignment in left-to-right direction
</div>
<div class="dir-rtl end">
  End alignment in right-to-left direction
</div>
<div class="dir-ltr right">
  Right alignment in left-to-right direction
</div>
<div class="dir-rtl right">
  Right alignment in right-to-left direction
</div>