CSS是網(wǎng)頁設(shè)計的重要組成部分，它可以讓我們實現(xiàn)很多炫酷的效果，比如屏幕居中顯示圖片。下面，我們就來分享一下如何使用CSS實現(xiàn)這個效果。

/* 首先，我們要給圖片所在的容器設(shè)置一些樣式 */
.container{
position: relative; /* 設(shè)置相對定位 */
width: 100%; /* 通常我們會讓容器寬度為100% */
height: 500px; /* 這里為了舉例，設(shè)置了一個固定高度 */
}
/* 接下來，我們要給圖片設(shè)置樣式 */
img{
position: absolute; /* 設(shè)置絕對定位 */
top: 50%; /* 然后將圖片的top屬性設(shè)為50% */
left: 50%; /* 將圖片的left屬性設(shè)為50% */
transform: translate(-50%,-50%); /* 最后，使用transform屬性，將圖片向左上角移動自身寬高的一半，以實現(xiàn)圖片的居中顯示效果 */
}

通過上面的CSS代碼，我們就能夠很輕松地實現(xiàn)圖片的屏幕居中顯示效果。希望對大家有所幫助。