css中li并排显示图片

li {
      display: inline-block;
      margin: 10px;
}
li img {
      width: 100px;
      height: 100px;
      object-fit: cover;
}
    

上述代码中，我们首先将li元素的display属性设置为inline-block，然后通过margin属性添加间距，使得多个li元素之间有一定的距离。最后，使用li img选择器为每个li内的图片添加样式，设置图片的宽高和object-fit属性，实现图片的等比例缩放和裁剪。

通过上述CSS样式，我们可以轻松地将多个图片并排展示在页面上，增加页面的美观度和可读性。