如何让两个li垂直排列，其余水平排列

要让两个`<li>`元素垂直排列，而其他的保持水平排列，你可以采用CSS的Flexbox布局或者Grid布局。以下是两种常见的方法：

**使用Flexbox:**

<ul class="flex-container">
  <li>列表项1</li>
  <li>列表项2</li>
  <!-- 其他水平排列的列表项 -->
  <li>列表项3</li>
  <li>列表项4</li>
</ul>

<style>
.flex-container {
  display: flex;
  flex-direction: column; /* 设置主轴方向为垂直 */
  justify-content: space-between; /* 列表项之间的间距均匀分布 */
}
</style>

**使用Grid:**

<ul class="grid-container">
  <li>列表项1</li>
  <li>列表项2</li>
  <!-- 其他水平排列的列表项 -->
  <li>列表项3</li>
  <li>列表项4</li>
</ul>

<style>
.grid-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); /* 自动填充满列，并保证每个单元格至少占据1份 */
  grid-template-rows: auto auto; /* 第一、二行设置为垂直布局 */
}
</style>