css ul li 实现纵排

可以使用 CSS 的 display 属性和 float 属性来实现纵向排列。

首先，将 ul 元素的 display 属性设置为 block，将 li 元素的 display 属性设置为 block 或 inline-block，然后将 li 元素左浮动或右浮动即可。

示例代码如下：

ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

li {
  display: block;
  /* 或者 display: inline-block; */
  float: left; /* 或者 float: right; */
  margin: 0;
  padding: 0;
}

这样设置后，ul 元素会变成块级元素，占据一行的宽度，而 li 元素会排列在 ul 元素的左侧或右侧，从上到下纵向排列。