CSS text 是用來設置文字樣式的屬性,可以設置字體、顏色、對齊方式等等。其中文本對齊(text-align)屬性就可以用來實現(xiàn)居中顯示文字。
居中顯示文字可以使用以下兩種方式。
/* 水平居中 */ .text { text-align: center; } /* 垂直居中 */ .container { display: flex; align-items: center; justify-content: center; } .text { text-align: center; }
水平居中只需要設置父元素的 text-align: center,將文字設置為左右居中即可。而垂直居中則需要將父元素設置為 flex 布局,然后使用 align-items 和 justify-content 屬性來實現(xiàn)。
在實際開發(fā)中,可能需要同時對文字進行水平和垂直居中,這時可以以上兩種方法結合起來使用。
.container { display: flex; align-items: center; justify-content: center; text-align: center; } .text { ...... }
這樣,就可以實現(xiàn)文字在父元素中居中顯示了。