[分享]css中如何设置列表垂直排列

在CSS中，我们可以使用display属性来设置列表垂直排列。具体实现方法有以下几种：

/* 第一种方法 */
ul {
  display: flex;
  flex-direction: column;
}

/* 第二种方法 */
ul li {
  display: table-row;
} 

以上两种方法分别使用了CSS的flex布局和表格布局。第一种方法使用flex布局，将列表项（li）垂直排列，而flex-direction属性设置为column，表示主轴为垂直方向。第二种方法使用table-row属性将每个列表项显示为表格行，从而实现垂直排列。

此外，我们还可以使用绝对定位来实现垂直排列：

/* 第三种方法 */
ul li {
  position: absolute;
  top: 0;
  left: 0;
} 

以上代码使用了position属性将每个列表项设置为绝对定位，top和left属性则控制每个列表项的位置，实现了垂直排列。