標題：CSS 圖上加文字居中

CSS 是用于創建網頁樣式的語言，其中我們可以使用各種樣式規則來改變網頁的外觀和行為。在本文中，我們將介紹如何使用 CSS 將圖片和文字居中。

方法一：使用絕對定位和居中

我們可以使用 CSS 中的絕對定位來將圖片和文字定位在頁面的居中位置。首先，我們需要將圖片設置為絕對定位，然后使用 CSS 的居中規則來將文字居中。以下是一個示例代碼：

```css

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

.居中 {

text-align: center;

方法二：使用偽元素

另一種方法是使用偽元素來將圖片和文字居中。我們可以將圖片和文字都設置為偽元素，然后將每個偽元素放置在頁面的居中位置。以下是一個示例代碼：

```css

display: flex;

align-items: center;

width: 100%;

height: auto;

margin: 0 auto;

通過使用 CSS 中的絕對定位和居中規則，我們可以輕松地將圖片和文字居中。兩種方法都可以幫助我們實現這個目標。