標題：CSS 居中垂直

CSS 居中垂直是一種使用 CSS 樣式來將元素垂直居中并固定在屏幕中央的技術。這種技術通常用于網頁布局，可以使網站更易于導航和閱讀。

1. 使用絕對定位：

可以使用 `position: absolute` 屬性將元素定位到屏幕中央。例如，將一個文本框設置為 `position: absolute` 并使用 `top: 50%` 和 `left: 50%` 來將其垂直和居中，如下所示：

```css

.text-box {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

2. 設置中心點：

使用 `top` 和 `left` 屬性來設置元素相對于其背景色的中心點的位置。例如，將一個文本框設置為 `top: 100px` 和 `left: 200px`，它將在屏幕的中央偏左的位置。

3. 調整大小：

可以使用 `width` 和 `height` 屬性來調整元素的大小，使其在屏幕中央垂直居中。例如，將一個文本框設置為 `width: 200px` 和 `height: 100px`，它將有 200px 的寬度和 100px 的高度，并在屏幕的中央垂直居中。

```html

<div class="container">

<div class="text-box">

這是一個文本框。

</div>

</div>

在上面的示例中，使用 CSS 居中垂直將一個文本框垂直居中并固定在屏幕中央。在 CSS 中，可以使用 `position: absolute` 屬性將其定位到屏幕中央，然后使用 `top` 和 `left` 屬性來設置其相對于背景色的中心點的位置，并使用 `transform` 屬性來調整其大小。