text-align: end;
和之间有什么区别text-align: right;
?
当我使用其中任何一个时,我得到相同的结果,但是有什么不同吗?
根据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