回覆列表
  • 1 # 小芭蕾007

    用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.現在進行預覽,文字就在瀏覽器裡面實現了分散對齊。

  • 中秋節和大豐收的關聯?
  • 新手學調色,該從哪一步開始?