在CSS中，我們可以使用多種方法將圖片居中于屏幕，以下是兩種常用的方法：

1、使用flexbox布局：

我們可以將圖片包裝在一個(gè)div中，并使用CSS的flexbox布局來居中圖片。

<div style="display: flex; justify-content: center; align-items: center; height: 100vh;">
    <img src="your-image-url" style="max-width: 100%; max-height: 100%;">
</div>

在這個(gè)例子中，justify-content: center; 和align-items: center; 將圖片在水平和垂直方向上居中。height: 100vh; 設(shè)置div的高度為視口的100%，確保圖片能夠充滿整個(gè)屏幕。

2、使用position屬性：

另一種方法是使用CSS的position屬性來將圖片***定位在屏幕中央。

<div style="position: relative; height: 100vh;">
    <img src="your-image-url" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
</div>

在這個(gè)例子中，position: relative; 設(shè)置div為相對(duì)定位，position: absolute; 設(shè)置圖片為***定位。top: 50%; 和left: 50%; 將圖片定位在div的中央，transform: translate(-50%, -50%); 進(jìn)一步微調(diào)圖片的位置，使其完全居中。

無論你選擇哪種方法，都可以確保圖片在屏幕中***居中。