CSS中的text-align屬性用于控制文本的水平對齊方式。該屬性可以應用于任何塊級元素和內聯塊級元素。
屬性值常用的有以下幾種:
text-align: left; /* 文本左對齊 */ text-align: right; /* 文本右對齊 */ text-align: center; /* 文本居中對齊 */ text-align: justify; /* 文本兩端對齊 */
其中justify比較特殊,它會將文本均勻地分布在整個容器內,字與字之間的間距會根據需要自動調整。
text-align還可以應用于子元素的對齊方式。比如說,我們可以讓一個inline元素內部的文字左對齊,而inline元素本身則居中對齊。具體實現方式如下:
.parent { text-align: center; /* 父元素居中對齊 */ } .child { display: inline; text-align: left; /* 子元素左對齊 */ }
此時,parent元素內的child元素內部的文本會左對齊,而child元素本身則會在parent元素中居中對齊。