ul竖着排列

默认情况下，`ul` 元素中的列表项是横向排列的，如果你想要将它们竖着排列，可以使用 CSS 中的 `display: block` 属性或者 `display: flex` 属性来实现。

1. 使用 `display: block` 属性

HTML 代码：

<ul>
  <li>列表项 1</li>
  <li>列表项 2</li>
  <li>列表项 3</li>
</ul>

CSS 代码：

ul li {
  display: block;
}

2. 使用 `display: flex` 属性

HTML 代码：

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

CSS 代码：

.list {
  display: flex;
  flex-direction: column;
}

使用 `display: flex` 属性可以实现更加灵活的排列方式，你可以通过设置 `flex-direction` 属性来确定竖向排列的方向，上面的代码中设置了 `flex-direction: column`，意味着列表项将会从上到下依次排列。

无论你选择哪种方式，都可以实现 `ul` 列表的竖向排列。