如何在水平列表中使列表项垂直排列

您可以使用以下 CSS 属性来使水平列表项垂直排列：

1. display: flex; 使父级容器变为 flex 容器。
2. flex-direction: column; 将 flex 容器的主轴方向改为垂直方向。
3. align-items: flex-start; 将 flex 容器中的子项在交叉轴上顶部对齐。

例如：

HTML 代码：

<ul class="horizontal-list">
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ul>

CSS 代码：

.horizontal-list {
display: flex;
flex-direction: column;
align-items: flex-start;
}

.horizontal-list li {
/* 可以添加其他样式 */
}

这样，水平列表项就会垂直排列。