Question

text-align: end;和text-align: right;之间有什么区别？

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

Answer 1

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

end
  如果方向是从左到右，则与right相同;如果方向是从右到左，则为left。



right
  内联内容与行框的右边缘对齐。

基本上，end与direction: [rtl|ltr]串联使用，end会相应调整，而无论你设定的方向是什么，右边都会始终保持文字right。

https://jsfiddle.net/ths4kdmx/

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

是的，根据css-tricks：

CSS3中还有两个新值，即开始和结束。这些价值观   使多语言支持更容易例如，英语是一个   从左到右（ltr）语言和阿拉伯语是从左到右（rtl）   语言。使用＆＃34;对＆＃34;和＆＃34;左＆＃34;因为价值观过于严格而且不具备   适应方向的变化。这些新值确实适应：

1：开始 - 与＆＃34;左＆＃34;相同在ltr中，与＆＃34;右＆＃34;相同在rtl。

2：结束 - 与＆＃34;右＆＃34;相同在ltr中，与＃34; left＆＃34;相同在rtl。

详情请见text-align in CSS

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

2 个答案: