<div class="center">是一種在HTML中用來居中元素的類。通過添加這個類，可以將元素水平居中顯示在頁面中。
下面是幾個使用<div class="center">的代碼案例來詳細解釋說明。

<div class="center">
<h1>這是一個居中的標題</h1>
</div>

上面的代碼將會居中顯示一個標題。通過添加<div class="center">類，標題將會水平居中顯示在頁面中。

<div class="center">
<img src="example.jpg" alt="示例圖片">
</div>

這個例子展示了如何居中顯示一張圖片。使用<div class="center">將會使圖片水平居中顯示，并在不同屏幕尺寸下保持居中。

<div class="center">
<p>這是一段居中顯示的文本。</p>
</div>

使用<div class="center">可以將文本居中顯示在頁面中。無論文本內容多少，都可以使用這個類來實現居中效果。
總之，<div class="center">是一個在HTML中非常常見的類，用來實現元素的水平居中效果。無論是標題、圖片還是文本，都可以通過添加這個類來實現在頁面中的居中顯示。無論是響應式設計還是靜態網頁，這個類都能夠幫助開發者輕松實現居中布局。