CSS: text-align

text-align是css中用來對齊文字的屬性，可以將文字設定為靠左、靠右、置中等等。

left

靠左對齊。

1
2
3

h1 {
	text-align: left;
}

靠右對齊。

1
2
3

h1 {
	text-align: right;
}

置中。

1
2
3

h1 {
	text-align: center;
}

將文字用不同空格隔開以達到整個文字區塊寬度相等(除了最後一行)。

1
2
3

h1 {
	text-align: justify;
}

與jutify基本相同，但最後一行也會包括在內。

1
2
3

h1 {
	text-align: justify-all;
}

靠元素開頭對齊。

1
2
3

h1 {
	text-align: start;
}

靠元素結尾對齊。

1
2
3

h1 {
	text-align: end;
}

與父元素相同的對齊方式，但如果父元素的元素方向和子元素不同會以父元素的為準。

1
2
3

h1 {
	text-align: match-parent;
}