如何用css實現一段文字的兩端對齊和分散對齊？

用css實現一段文字的兩端對齊的代碼輸入步驟如下：1.首先輸入代碼讓這段文字的最后一行右對齊，代碼如下：text-align-last:justify;2.然后輸入代碼讓整段文字兩端對齊，代碼如下：text-align:justify;3.然后輸入如下代碼：text-justify:distribute-all-lines; ，這行加了的話可以兼容ie瀏覽器；4.設置文字的邊框屬性，寬度和顏色，根據需要設置即可，代碼如下：border: 1px solid red;5.設置文字展示的寬度150px，根據需要設置即可，代碼如下：width: 150px;6.然后聲明一下要輸入的文字是中文“ch”，并輸入文字即可，示例代碼如下：

輸入你的文字內容，我這里輸入了一首詞。7.最終在瀏覽器中展示效果如下，這個紅框是剛剛代碼設置的“border: 1px solid red;”，根據需求進行修改即可。用css實現一段文字的分散對齊的代碼輸入步驟如下：1、如果按照常規輸入代碼，代碼如下：

開心

不開心

很不開心

2.進行預覽，默認情況下瀏覽器顯示效果如下；3、給div添加樣式{text-align: justify;text-align-last: justify;}，就可以實現文本分散對齊。整體代碼如下：

開心

不開心

很不開心

4.現在進行預覽，文字就在瀏覽器里面實現了分散對齊。