CSS圖片的居中對(duì)齊是我們?cè)诰W(wǎng)頁(yè)制作中常常需要用到的一項(xiàng)技巧。下面就來(lái)介紹幾種實(shí)現(xiàn)方法： 方法一：利用text-align和line-height屬性 首先，為了讓圖片居中對(duì)齊，需要給圖片所在的容器設(shè)置一個(gè)text-align:center屬性（容器是指包含圖片的元素，如div或p標(biāo)簽）。然后，利用行高（line-height）可以將圖片垂直居中對(duì)齊。代碼如下：

其中，line-height的值應(yīng)該和容器的高度相等，這樣才能實(shí)現(xiàn)垂直居中對(duì)齊。 方法二：利用display和margin屬性 另外一種方法是利用display屬性將容器變?yōu)橐粋€(gè)塊級(jí)元素，然后使用margin屬性進(jìn)行居中對(duì)齊。具體實(shí)現(xiàn)代碼如下：

其中，margin屬性用到了使用百分?jǐn)?shù)定義的左右外邊距。這樣就可以實(shí)現(xiàn)水平居中對(duì)齊。 方法三：利用position和transform屬性 還有一種方法是利用絕對(duì)定位（position:absolute）和transform屬性實(shí)現(xiàn)對(duì)齊。首先將容器設(shè)置為相對(duì)定位（position:relative），然后使用絕對(duì)定位將圖片移到容器的中心位置。最后使用transform屬性，沿著垂直和水平方向均分別位移圖片的一半寬度和高度。代碼如下：

通過(guò)這種方法，可以在不改變布局的情況下實(shí)現(xiàn)圖片的居中對(duì)齊。 綜上所述，以上方法都可以實(shí)現(xiàn)圖片的居中對(duì)齊，使用哪種方法可以根據(jù)實(shí)際情況選擇。希望這篇文章對(duì)您有所幫助。