用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”,並輸入文字即可,示例程式碼如下:
開心
不開心
很不開心
用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.現在進行預覽,文字就在瀏覽器裡面實現了分散對齊。