CSS是前端開發(fā)中必不可少的一部分。作為網(wǎng)頁設(shè)計(jì)中的重要一環(huán)，CSS的用途廣泛，其中就包括了居中圖片。要讓照片居中，可以采用以下兩種方式：

/* 方法一：使用text-align:center */
img {
display:block; /* 去掉默認(rèn)的inline樣式 */
margin:auto; /* 居中 */
}
/* 方法二：使用flex布局 */
.container {
display:flex;
justify-content:center; /* 主軸上居中 */
align-items:center; /* 交叉軸上居中 */
}
.container img {
display:block;
}

以上兩種方法，都能夠輕松實(shí)現(xiàn)照片居中的效果。其中，方法一較為簡單，直接使用text-align:center和margin:auto就可以實(shí)現(xiàn)。而方法二，則是使用flex布局，將圖片所在的容器設(shè)置為flex，再通過justify-content和align-items屬性來實(shí)現(xiàn)居中效果。總體來說，flex布局比起傳統(tǒng)的居中方式更加靈活，可以在各種情況下都有效果。