CSS圖像劇中非常常見(jiàn)，下面將為大家介紹一些常用的實(shí)現(xiàn)方式。

img{
display:block; /* 將圖片轉(zhuǎn)化為塊級(jí)元素 */
margin:auto; /* 設(shè)置邊距為自動(dòng)，使其水平居中 */
}

上述代碼適用于只需要水平居中的情況，如果需要垂直居中，可以使用以下代碼。

.container{
position:relative; /* 定位容器 */
}
img{
position:absolute; /* 定位圖片 */
top:50%; /* 頂部距離為50% */
left:50%; /* 左側(cè)距離為50% */
transform:translate(-50%, -50%); /* 偏移值為圖片寬高的50% */
}

如果需要兼容IE9及以下版本，可以使用以下代碼。

.container{
display:table-cell;
text-align:center;
vertical-align:middle;
}
img{
display:inline-block;
}

以上是CSS實(shí)現(xiàn)圖片劇中的常規(guī)方法，可以根據(jù)自己的需要選擇方法。