无须列表中有10个li,li中个有一张图片，怎么将10张图片一行五个垂直居中排列

要在HTML中将10张图片均匀地分为两行，每行显示5张，并保持它们垂直居中，你可以使用CSS来实现这种布局。这里是一个基本的例子：

首先，创建一个包含10个`<li>`元素的容器，每个`<li>`里包含一张图片。假设`<ul>`是你的列表容器，`<img>`标签代表图片：

<ul class="image-container">
  <li>
    <img src="image1.jpg" alt="Image 1" />
  </li>
  <!-- ...重复9次... -->
  <li>
    <img src="image10.jpg" alt="Image 10" />
  </li>
</ul>

然后，在CSS部分，给`.image-container`添加样式：

.image-container {
  display: flex; /* 使用flexbox布局 */
  flex-wrap: wrap; /* 自动换行 */
  justify-content: space-between; /* 水平方向上均匀分布 */
}

li {
  flex: 1 0 20%; /* 确保每行5个，等比例分配空间 */
  text-align: center; /* 图片水平居中 */
  margin-bottom: 1em; /* 间距调整，可根据需要修改 */
}

img {
  max-width: 100%; /* 防止图片超过容器宽度 */
  height: auto; /* 维持原始宽高比 */
}

这样，无论列表有多长，图片都会均匀分布在两行，每行有5个，并且图片会垂直居中显示。