CSS中想要實(shí)現(xiàn)圖片居中，需要用到一些屬性和技巧。下面就為大家簡單介紹一下如何使用CSS將圖片居中。 首先，我們需要在HTML文件中插入一張圖片。代碼如下：

<img src="圖片路徑">

接下來，我們寫CSS代碼來實(shí)現(xiàn)居中效果。 #### 居中方法1：使用display和margin屬性 我們可以通過設(shè)置元素的display屬性將圖片變成一個(gè)塊級(jí)元素，并設(shè)置其左右邊距為auto即可實(shí)現(xiàn)居中。代碼如下：

<style>
img {
display: block;  /* 將img變成塊級(jí)元素 */
margin: 0 auto; /* 左右邊距為auto，即可實(shí)現(xiàn)水平居中 */
} 
</style>

#### 居中方法2：使用text-align和line-height屬性 我們還可以將圖片放到一個(gè)塊級(jí)元素中，然后設(shè)置該元素的text-align屬性為center和line-height屬性為與容器相等即可做到圖片垂直和水平居中。代碼如下：

<style>
.center {
text-align: center;  /* 文本對(duì)齊方式為居中 */
line-height: /* 與容器高度相等 */;
}
.center img {
vertical-align: middle;  /* img與容器垂直居中 */
}
</style>
<div class="center">
<img src="圖片路徑">
</div>

以上就是兩種實(shí)現(xiàn)圖片居中的方法。大家可以根據(jù)自己的需要來選擇合適的方式來實(shí)現(xiàn)居中效果。