css设置列表元素竖向排列2行横向宽度不定超出则显示滚动条

在CSS中，要实现列表元素竖向排列成两行，并且超出部分显示滚动条，可以通过结合几个CSS属性来完成。以下是一个基本的方法：

1. 将列表元素（如`ul`或`div`）设置为弹性布局（`display: flex;`）。
2. 使用`flex-wrap: wrap;`属性使其子元素（如`li`）能够在容器宽度范围内自动换行。
3. 对于竖向排列两行的要求，可以通过设置容器的高度（`height`）和子元素的宽度来控制。
4. 对于超出部分显示滚动条的要求，可以通过设置容器的`overflow-y`属性为`scroll`来实现垂直滚动条。

以下是一个示例CSS代码：

ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  height: 200px; /* 设置容器高度为两行高度 */
  padding: 0;
  margin: 0;
}

ul > li {
  width: 50%; /* 每个子元素宽度为容器宽度的50% */
  box-sizing: border-box; /* 盒模型为border-box，防止padding和border影响宽度 */
  padding: 10px;
  height: 100px; /* 子元素高度为单行高度 */
}

ul {
  overflow-y: scroll; /* 设置垂直滚动条 */
}

HTML结构如下：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
  <!-- 更多列表项 -->
</ul>

需要注意的是，这里的高度和宽度是根据具体的列表项内容和样式来调整的，实际应用时可能需要根据实际情况进行调整。