CSS圖片居中是網頁設計中經常需要實現的一個功能，通常使用居中函數來實現。下面介紹一些常用的CSS圖片居中函數。 首先是“text-align:center;”屬性，它可以將內聯元素（如圖片）居中，只需要將其父元素的text-align屬性設置為“center”即可。如下面的代碼所示：

<style>
.center {
text-align: center;
}
</style>
<div class="center">
<img src="img.jpg">
</div>

其中，class為“center”的div元素將居中顯示其內部的圖片。 另一個居中函數是“margin:auto;”，需要將圖片設置為塊級元素才能生效。如下面的代碼所示：

<style>
.center {
width: 50%;
margin: auto;
}
</style>
<img src="img.jpg" class="center">

這里將圖片設置為50%的寬度，然后通過設置margin為“auto”來使其水平居中顯示。需要注意的是，這種方法只能在水平方向上居中，如果想要實現垂直居中還需要其他的處理。 最后，我們介紹一種綜合的居中函數，即使用“position:absolute;”，需要將圖片的父元素設置為“position:relative;”，并給圖片設置“top:50%;left:50%;transform:translate(-50%,-50%);”屬性。如下面的代碼所示：

<style>
.center {
position: relative;
}
.center img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
</style>
<div class="center">
<img src="img.jpg">
</div>

這種方法可以同時實現水平和垂直居中，而且應用范圍廣泛。 總之，通過以上介紹，相信讀者已經掌握了一些常用的CSS圖片居中函數，希望對大家有所幫助。