在 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 列表项垂直居中。