CSS樣式表中的text-align屬性可以控制文本在水平方向上的對齊方式,包括左對齊(left)、居中對齊(center)和右對齊(right)。
text-align: center;
不過,如果想要將文本在垂直方向上居中對齊,則需要使用其他的CSS屬性和技巧來實現。
一個常用的方法是為文本所在的容器元素設置一定的高度,然后通過設置該元素的line-height屬性為相同高度的值,來實現文本在垂直方向上的居中對齊。
.container { height: 80px; line-height: 80px; }
另外,還可以使用CSS3的flexbox布局來實現文本在水平和垂直方向上的居中對齊。
.container { display: flex; justify-content: center; align-items: center; }
使用以上兩種方法可以讓文本在水平和垂直方向上都居中顯示,達到更好的視覺效果。