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

今天的重点是:text-align: justify(实现两端对齐)

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

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

 

text-align:

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

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章