在CSS(層疊樣式表)中,文字對齊是指元素內文字的水平對齊方式。您可以使用多個屬性來控製文字對齊方式。以下是主要的:
text-align
:
left
:文字左對齊。right
:文字右對齊。center
:文字水平居中。justify
:對齊文本,使其拉伸,以便文本行與容器的左邊緣和右邊緣對齊。 CSS p {
text-align: center;
}
vertical-align
:
top
、 middle
、 bottom
等。 CSS img {
vertical-align: middle;
}
line-height
:
CSS p {
line-height: 1.5; /* 150% of the font size */
}
text-align-last
:
text-align
屬性設定為justify
時,此屬性用於設定區塊容器的最後一行或強制換行符之前的行的對齊方式。 CSS p {
text-align: justify;
text-align-last: center;
}
請記住,這些屬性可以應用於各種 HTML 元素,例如段落 ( <p>
)、標題 ( <h1>
到<h6>
) 等。您也可以將它們應用於容器以影響其子元素的對齊方式。嘗試這些屬性將幫助您在網頁中實現所需的文字佈局。