在網頁設計過程中，經常需要將內容（如文本、圖片、按鈕等）居中顯示。其中一種實現方式是使用CSS標簽div進行樣式設置，本文將介紹如何使用CSS標簽div將內容居中顯示。

首先，在HTML中創建一個div標簽，并在其中添加需要居中顯示的內容。

<div class="center">
<p>這是需要居中顯示的內容</p>
</div>

接下來，在CSS中定義.center類，并將其樣式設置為居中顯示。

.center {
width: 50%;
height: 200px;
margin: 0 auto;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

代碼解釋：

• width: 50%: 設置div寬度為頁面寬度的50%。
• height:200px;：設置div高度為200像素。
• margin: 0 auto;：設置div左右間距為自動，即內容在頁面中水平居中。
• text-align: center;：設置div內部內容居中顯示。
• display: flex;：將div的布局模式設置為flex。
• justify-content: center;：設置flex子項在水平方向居中對齊。
• align-items: center;：設置flex子項在垂直方向居中對齊。

這樣設置后，div內的內容就會水平和垂直居中顯示了。

總結：

使用CSS標簽div實現居中顯示功能，可以通過設置div的寬高、margin等屬性以及使用flex布局，來實現不同的居中方式。在實際應用中，需要根據實際需求進行調整和優化。