当前位置:  开发笔记 > 前端 > 正文

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

如何解决《text-align:end和right之间的区别》经验,为你挑选了1个好方法。

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

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



1> Andreas Wong..:

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

end
一样right如果方向是左到右和left如果方向是从右到左.

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

基本上你end串联使用direction: [rtl|ltr]并相应地end进行调整,而right无论你设定的方向是什么,右边都会保持你的文字.

https://jsfiddle.net/ths4kdmx/

.end {
  text-align: end;
}
.right {
  text-align: right;
}
.dir-ltr {
  direction: ltr;
}
.dir-rtl {
  direction: rtl;
}
End alignment in left-to-right direction
End alignment in right-to-left direction
Right alignment in left-to-right direction
Right alignment in right-to-left direction
推荐阅读
N个小灰流_701
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有