今天我們來(lái)學(xué)習(xí)一下如何用CSS來(lái)將圖片和字體居中。CSS是一個(gè)非常重要的前端技術(shù)，它用于定義網(wǎng)頁(yè)的樣式，包括字體、顏色、布局等。 首先我們來(lái)看一下如何將一張圖片居中。我們可以通過(guò)設(shè)置圖片的父元素的text-align屬性為center來(lái)實(shí)現(xiàn)。下面是一個(gè)例子：

<div style="text-align: center;">
<img src="example.jpg" alt="Example" />
</div>

這個(gè)例子中，我們使用了一個(gè)div元素作為圖片的父元素，并設(shè)置其text-align屬性為center，這樣圖片就自動(dòng)居中了。 接下來(lái)我們來(lái)看一下如何將字體居中。這其實(shí)是一個(gè)比較常見的問題，有很多種方法來(lái)實(shí)現(xiàn)。下面是一種簡(jiǎn)單的方法：

<p style="text-align: center; line-height: 200px;">Hello World</p>

在這個(gè)例子中，我們使用了一個(gè)p元素來(lái)包含文本，然后設(shè)置其text-align屬性為center，這樣文本就水平居中了。同時(shí)，我們還設(shè)置了line-height屬性為200px，使得文本垂直居中。 當(dāng)然，這只是其中一種方法，CSS還有很多其他的方式來(lái)實(shí)現(xiàn)字體的居中。 總結(jié)一下，CSS是非常重要的前端技術(shù)，通過(guò)使用一些簡(jiǎn)單的屬性，我們可以輕松地實(shí)現(xiàn)圖片和字體的居中。我們希望這篇文章能夠幫助你更好地理解CSS，并在實(shí)際開發(fā)中獲得更好的效果。