在li标签里用v for遍历,li标签嵌套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;
}
不知道你这个问题是否已经解决, 如果还没有解决的话: