在CSS中,我們可以使用多種方法來使div中的文字垂直居中,以下是兩種常見的方法:
1、使用line-height屬性
我們可以將div的line-height屬性設(shè)置為與div的高度相同,這樣文字就會(huì)垂直居中,如果div的高度為50px,那么我們可以將line-height屬性設(shè)置為50px。
div { height: 50px; line-height: 50px; }
2、使用flex布局
我們可以將div的display屬性設(shè)置為flex,并使用align-items屬性來控制文字的垂直對(duì)齊方式,我們可以將align-items屬性設(shè)置為center來實(shí)現(xiàn)文字的垂直居中。
div { display: flex; align-items: center; }
需要注意的是,在使用flex布局時(shí),如果div中沒有設(shè)置高度,那么文字可能會(huì)垂直居中不了,在使用flex布局時(shí),建議為div設(shè)置一個(gè)明確的高度。