CSS 插入圖片居中 在網(wǎng)頁設(shè)計中，插入圖片是必不可少的一個環(huán)節(jié)。而為了提升視覺效果，有時候我們需要將圖片居中顯示。 以下是其中一種簡單的方法。 首先在HTML文件中使用img標簽插入圖片，將圖片用類名或ID名包裹起來，在CSS文件中添加樣式。 HTML 代碼：

下面是一張美麗的風景圖片：

<div class="container">
<img src="images/scenery.jpg">
</div>

CSS 代碼：

.container {
text-align: center;
}
.container img {
margin: auto;
display: block;
}

在以上代碼中，我們使用了text-align屬性來將容器中的內(nèi)容水平居中；margin屬性和display屬性將img元素垂直居中。我們需要為img元素設(shè)置塊級元素，否則，margin:auto將不會起作用，因為它只對塊級元素生效。 注意事項： 1、使用此方法居中圖片時，必須將img元素保持為原始大小。 2、此方法適用于單獨插入的圖片。如果圖片作為背景使用，則需要使用其他居中方法。 3、如果想要居中的是容器中的一組圖片，可以同樣使用此方法，但是需要將圖片作為子元素放在容器中。 總結(jié)： 以上是居中插入圖片的簡單方法。如果你對CSS的掌握更進一步，那么你可以使用其他CSS技巧來實現(xiàn)更加高級的居中效果。