在CSS中，可以使用多種方法使文字在圖片上或圖片下居中，以下是一些常用的方法：
1、使用flexbox布局：
- 將圖片作為flex容器的一個(gè)子項(xiàng)。
- 使用align-items: center;使文字在圖片上居中。
- 使用justify-content: center;使文字在圖片下居中。
2、使用grid布局：
- 將圖片作為grid容器的一個(gè)子項(xiàng)。
- 使用align-items: center;使文字在圖片上居中。
- 使用justify-content: center;使文字在圖片下居中。
3、使用position屬性：
- 將圖片設(shè)置為相對(duì)定位（position: relative;）。
- 將文字設(shè)置為***定位（position: absolute;）。
- 使用top: 50%;將文字上邊緣移動(dòng)到圖片中央。
- 使用transform: translateY(-50%);將文字向上移動(dòng)其自身高度的一半，以實(shí)現(xiàn)上下居中。
4、使用table布局：
- 將圖片作為table的一個(gè)單元格。
- 將文字放在另一個(gè)單元格中，并使用vertical-align: middle;使其垂直居中。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。
