CSS是前端開發人員不可或缺的技能之一，使用CSS可以使得網頁看起來更加美觀。對于照片居中，也可以通過CSS來完成。下面就來介紹一下如何使用CSS，讓照片居中顯示。

img {
display: block; /* 讓圖片變成塊級元素 */
margin: auto; /* 設置外邊距為auto（自動），就可以使得照片居中 */
}

以上代碼中，首先設置了圖片的顯示方式為塊級元素，這樣圖片就可以像其他塊級元素一樣具有寬度和高度。接著通過設置外邊距來使圖片居中顯示。利用了“margin: auto”的特性，它自動將外邊距平均分配給左右兩側，從而實現了圖片的居中顯示。

除了以上方法，我們還可以使用flex布局來讓照片居中。下面是對應的代碼：

.container {
display: flex; /* 彈性布局 */
justify-content: center; /* 主軸方向居中 */
align-items: center; /* 側軸方向居中 */
}
img {
max-width: 100%; /* 圖片寬度最大不超過容器寬度 */
height: auto; /* 圖片高度自適應 */
}

其中，使用了flex布局的“justify-content”和“align-items”屬性分別設為center，實現了水平和垂直方向的居中。而利用了圖片的“max-width:100%”和“height:auto”的特性，使得圖片大小根據容器大小自適應，并且不會失真。

通過這兩種方法，我們可以輕松地使得照片居中顯示。實際使用中，可能需要根據不同的布局和場景來綜合使用以上方法，達到更加靈活和優雅的效果。