v -for 去遍历数据中的图片

在li标签里用v for遍历,li标签嵌套img标签,两侧间距不相同

img

这种情况很可能是因为图片本身的大小不同所导致的。
可以尝试在 CSS 样式中设置 img 标签的固定宽度和高度,同时将 object-fit 属性设置为 cover,以保持图片在容器中的比例不变。

试试这样改:

ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding: 0;
}

li {
  width: 30%; /* 根据需要调整宽度 */
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^