在CSS(層疊樣式表)中,文字對齊是指元素內文字的水平對齊方式。您可以使用多個屬性來控製文字對齊方式。以下是主要的:

  1. text-align

    • 此屬性用於設定元素內文字內容的水平對齊方式。
    • 可能的值包括:
      • left :文字左對齊。
      • right :文字右對齊。
      • center :文字水平居中。
      • justify :對齊文本,使其拉伸,以便文本行與容器的左邊緣和右邊緣對齊。
    CSS
    p { text-align: center; }
  2. vertical-align

    • 雖然不是專門用於文字對齊,但此屬性可用於在其包含元素內垂直對齊內聯或內聯區塊元素。
    • 數值包括topmiddlebottom等。
    CSS
    img { vertical-align: middle; }
  3. line-height

    • 此屬性可以透過指定文字行的高度來間接影響文字的垂直對齊方式。它可用於將文字在容器內垂直居中。
    • 您可以使用無單位的數字、百分比或絕對長度值。
    CSS
    p { line-height: 1.5; /* 150% of the font size */ }
  4. text-align-last

    • text-align屬性設定為justify時,此屬性用於設定區塊容器的最後一行或強制換行符之前的行的對齊方式。
    CSS
    p { text-align: justify; text-align-last: center; }

請記住,這些屬性可以應用於各種 HTML 元素,例如段落 ( <p> )、標題 ( <h1><h6> ) 等。您也可以將它們應用於容器以影響其子元素的對齊方式。嘗試這些屬性將幫助您在網頁中實現所需的文字佈局。