富文本/整段文本中右側無法對齊的問題之text-align: justify(css)

今天的重點是：text-align: justify（實現兩端對齊）

對於整個段落，用的最多的要數富文本（作用於商品詳情頁），但用正常的形式排下去，右邊的效果就像小狗啃了一般，參差不齊。所以應該如何修飾呢？

要使文本兩端沿着它的外邊線對齊，可用text-align: justify；再配合letter-spacing設定一個恰當的間距來達到理由的效果，使得排版更美觀。letter-spacing可解決各個代理默認間距的問題，使得文字在各個代理上間距保持一樣。

 

text-align：

注：在實現多餘的文本用省略號來替代時，不能用text-align: justify（實現兩端對齊）。否則，在iPhone 6s上會導致末端文本與省略號重疊。使得省略號一部分或全部壓在了末端文本下面。