CSS中，我們可以使用flex布局或者grid布局來實現(xiàn)圖片的水平垂直都居中。

我們可以創(chuàng)建一個flex容器，并將圖片作為容器中的元素，我們可以使用justify-content和align-items屬性來分別控制圖片在水平和垂直方向上的對齊方式，我們可以將justify-content設(shè)置為center，將align-items設(shè)置為center，這樣圖片就會水平垂直都居中了。

我們也可以使用grid布局來實現(xiàn)相同的效果，我們可以創(chuàng)建一個grid容器，并將圖片作為容器中的元素，我們可以使用justify-content和align-content屬性來分別控制圖片在水平和垂直方向上的對齊方式，同樣地，我們可以將justify-content設(shè)置為center，將align-content設(shè)置為center，這樣圖片就會水平垂直都居中了。

需要注意的是，在使用這些布局時，我們需要確保圖片的寬度和高度是已知的，否則可能會出現(xiàn)圖片無法正確對齊的情況，我們也需要考慮瀏覽器兼容性的問題，確保我們的CSS代碼能夠在目標(biāo)瀏覽器中正確運行。

通過使用flex布局或grid布局，我們可以輕松地實現(xiàn)圖片的水平垂直都居中效果。