CSS 水平居中代碼

CSS 是用于網頁設計和開發的一個強大工具，可以幫助開發人員創建各種樣式和布局。水平居中是 CSS 中一種常用的布局技術，可以將文本或圖像水平居中。在本文中，我們將介紹如何使用 CSS 實現水平居中。

首先，我們需要定義一個容器，用于包含我們要水平居中的文本或圖像。可以使用 HTML 中的 `div` 元素來實現容器，然后使用 CSS 對其進行樣式設置。

例如，以下是一個水平居中的文本的例子：

```html

<div class="text-center">

<p>居中文本</p>

</div>

在上面的例子中，我們使用了一個 `div` 元素來定義容器，并使用 `class="text-center"` 來設置其樣式。接下來，我們使用 CSS 對其進行樣式設置：

```css

.text-center {

text-align: center;

這個 CSS 樣式將設置容器的文本內容以中心對齊。我們還可以添加其他樣式來使文本更加美觀和易于使用。

例如，以下是一個水平居中的圖像的例子：

```html

```css

.text-center {

text-align: center;

這個 CSS 樣式將設置容器的圖像內容以中心對齊。我們還可以添加其他樣式來使圖像更加美觀和易于使用。

無論我們使用文本、圖像還是其他資源來實現水平居中，我們都可以使用 CSS 對其進行樣式設置。通過使用 CSS 水平居中技術，我們可以輕松地將文本或圖像水平居中，使網頁布局更加美觀和易于使用。