在網頁設計中，經常需要將圖片放在文章或段落的中心位置，這時候我們可以使用CSS來實現。下面我來介紹一下如何實現這個效果。 首先，在HTML代碼中，我們需要先插入一張圖片，并使用一個p標簽將其包裹起來。代碼如下：

<div class="container">
<p class="text-center">
<img src="your_image.jpg" alt="your_image">
</p>
</div>

接下來，我們需要使用CSS來將圖片水平居中。我們可以為p標簽添加text-center類，并對其進行如下樣式設置：

.text-center {
text-align: center;
}

這樣，圖片就會在p標簽內水平居中了。 接下來，我們需要用CSS將圖片垂直居中。我們可以使用相對定位和負值margin-top來實現。代碼如下：

.text-center {
text-align: center;
position: relative;
}
.text-center img {
position: absolute;
top: 50%;
transform: translateY(-50%);
}

這樣，圖片就會完美地水平和垂直居中了。 最后，在這個例子中，我使用了一個類名為container的div來作為容器。如果你有其他的容器，就不一定需要再加一個div了。 總結一下，想要將圖片放在文章或段落的中心位置，我們可以使用p標簽將圖片包裹起來，為其添加text-center類，并用CSS來設置圖片的水平和垂直居中。這樣，就可以輕松實現這個效果啦。