CSS 使 li 垂直居中

在 CSS 中，可以使用垂直居中技巧將 li 列表項垂直居中。以下是一個簡單的 CSS 代碼示例，可以將 li 列表項垂直居中：

display: flex;

justify-content: center;

align-items: center;

這個 CSS 代碼將使用 `display: flex` 屬性將 li 列表項轉換為 flex 容器，然后使用 `justify-content: center;` 和 `align-items: center;` 屬性將列表項垂直居中。

下面是一個例子，展示了如何使用這個 CSS 代碼將一個包含多個子元素的 li 列表項垂直居中：

<li>

<p>第一個子元素</p>

</li>

<li>

<p>第二個子元素</p>

</li>

<li>

<p>第三個子元素</p>

</li>

</ul>

在這個例子中，使用上述 CSS 代碼可以將 li 列表項垂直居中。