富文本/整段文本中右侧无法对齐的问题之text-align: justify(css)

今天的重点是：text-align: justify（实现两端对齐）

对于整个段落，用的最多的要数富文本（作用于商品详情页），但用正常的形式排下去，右边的效果就像小狗啃了一般，参差不齐。所以应该如何修饰呢？

要使文本两端沿着它的外边线对齐，可用text-align: justify；再配合letter-spacing设定一个恰当的间距来达到理由的效果，使得排版更美观。letter-spacing可解决各个代理默认间距的问题，使得文字在各个代理上间距保持一样。

 

text-align：

注：在实现多余的文本用省略号来替代时，不能用text-align: justify（实现两端对齐）。否则，在iPhone 6s上会导致末端文本与省略号重叠。使得省略号一部分或全部压在了末端文本下面。