標(biāo)題：CSS 居中技術(shù)：圖片和文字都能居中

隨著互聯(lián)網(wǎng)的發(fā)展，越來越多的人開始使用網(wǎng)頁來展示他們的作品。網(wǎng)頁的設(shè)計(jì)變得越來越重要，而居中技術(shù)是其中一種非常重要的技能。CSS 居中技術(shù)可以使圖片和文字都能夠在網(wǎng)頁上居中展示，使網(wǎng)頁的布局更加美觀和高效。

CSS 居中技術(shù)可以使用多種方法來實(shí)現(xiàn)，其中最常見的是使用絕對定位和transform屬性。下面我們將介紹這些方法。

方法一：使用絕對定位

使用絕對定位可以使圖片和文字在網(wǎng)頁上居中。首先，在 CSS 中選擇圖片或文字，然后使用絕對定位屬性將其定位到網(wǎng)頁的中心。絕對定位屬性的值可以是圖片的寬度和高度，也可以是文本的行高和寬度。例如，以下代碼可以將圖片和文字定位到網(wǎng)頁的中心：

```css

position: absolute;

top: 50%;

left: 50%;

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

text {

position: absolute;

top: 50%;

left: 50%;

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

方法二：使用transform屬性

使用transform屬性可以使圖片和文字在網(wǎng)頁上居中。首先，在 CSS 中選擇圖片或文字，然后使用 transform 屬性將其居中。transform屬性可以設(shè)置旋轉(zhuǎn)、平移、縮放等操作，具體使用方法如下：

```css

position: absolute;

top: 50%;

left: 50%;

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

text {

position: absolute;

top: 50%;

left: 50%;

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

無論使用哪種方法，居中技術(shù)都可以使網(wǎng)頁的布局更加美觀和高效。同時(shí)，使用 CSS 居中技術(shù)還可以使網(wǎng)頁更加適應(yīng)不同的屏幕尺寸，使用戶能夠在不同的設(shè)備上訪問網(wǎng)頁。