用 CSS 將文檔中的所有元素居中是一種常用的網頁布局技術。在這篇文章中，我們將介紹如何使用 CSS 來居中文本和其他元素。

在 HTML 中，可以使用 <居中> 標簽來實現元素的居中效果。例如，可以將一個文本框使用 <居中> 標簽居中，如下所示：

```html

<div class="text-center">

<p>居中的文本內容</p>

</div>

在 CSS 中，可以使用 `margin` 和 `padding` 屬性來控制元素的居中效果。例如，可以使用以下 CSS 代碼將文本框居中：

```css

.text-center {

margin: 0 auto;

padding: 20px;

上述 CSS 代碼將文本框的margin和padding屬性設置為0 auto，這意味著元素將自動調整其左右和上下的margin值，以實現居中效果。

除了使用 `margin` 和 `padding` 屬性，還可以使用 `display` 屬性來控制元素的居中效果。例如，可以使用以下 CSS 代碼將一個元素設置為固定寬度和高度，并將其居中：

```css

.center-block {

display: block;

width: 50%;

text-align: center;

上述 CSS 代碼將元素設置為固定寬度和高度，并將其寬度設置為50%，從而使其所有內容都居中。

除了使用 `display` 屬性，還可以使用 `flex` 和 `justify-content` 屬性來控制元素的居中效果。例如，可以使用以下 CSS 代碼將一個元素設置為使用 `flex` 布局并使用 `justify-content` 屬性居中：

```css

.center-block {

display: flex;

justify-content: center;

上述 CSS 代碼將元素設置為使用 `flex` 布局并使用 `justify-content` 屬性居中。

總的來說，居中元素可以使用 CSS 中的多種屬性來實現，具體使用哪種屬性取決于具體的布局需求。通過靈活使用這些屬性，我們可以輕松地將文檔中的所有元素居中。