在網(wǎng)頁設(shè)計(jì)中，居中顯示內(nèi)容是很常見的需求。本文將介紹如何使用 HTML 代碼強(qiáng)制居中內(nèi)容。

.center {
display: flex;
justify-content: center;
align-items: center;
}

以上代碼使用了flex布局，實(shí)現(xiàn)了在水平和垂直方向上居中顯示內(nèi)容。我們將這個(gè)樣式封裝在一個(gè)類名為center的 CSS class 中，方便在 HTML 中使用。

我們可以在需要居中顯示的元素上添加centerclass：

<div class="center">
<h1>這是一個(gè)標(biāo)題</h1>
<p>這是一段文字</p>
</div>

以上代碼將會(huì)居中顯示<h1>和<p>元素。

除了使用flex布局，我們也可以使用其他的 CSS 屬性實(shí)現(xiàn)居中顯示。例如，可以使用text-align: center;實(shí)現(xiàn)在水平方向上居中顯示文字，將margin-top和margin-bottom屬性設(shè)置為0，并將line-height屬性設(shè)置為與元素高度相同，實(shí)現(xiàn)在垂直方向上居中顯示文字。

無論使用哪種方式，居中顯示內(nèi)容能夠讓網(wǎng)頁看起來更加整潔、美觀。