.list-container li .img-list { width: 100%; margin-top: 10px; /* position: relative; / } ul{ list-style-type: none ; } .img-list .img { / float: left; / height: 300px; margin-right: 1%; / margin-bottom: 10px; / display: block; / background-position: center; */ background-repeat: no-repeat; background-size: contain; }这段css代码输出的图片被压缩了，旁边有留白

这段 CSS 代码中的问题在于 `.img-list .img` 的 `background-size` 属性被设置为 `contain`，这会导致图片被缩放并留白。如果您希望图片充满容器而不留白，您可以将 `background-size` 属性设置为 `cover`，这会将图片缩放到完全覆盖容器，并保持其纵横比例。另外，如果您希望图片之间没有间隙，可以将 `.img-list .img` 的 `margin-right` 属性设置为 0。最终的 CSS 代码可能看起来像这样：

.list-container li .img-list {
    width: 100%;
    margin-top: 10px;
}

ul {
    list-style-type: none;
}

.img-list .img {
    height: 300px;
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

相关问题

.list-container li .img-list { width: 100%; margin-top: 10px; /* position: relative; */ } ul{ list-style-type: none ; } .img-list .img { /* float: left; */ width: 80%; height: 300px; margin-right: 1%; /* margin-bottom: 10px; */ display: inline-block; /* background-position: center; */ background-repeat: no-repeat; /* background-size: contain; */ /* object-fit: contain; -o-object-fit: contain; */ }这段css代码输出的图片很小

这段CSS代码中设置了图片的宽度为80%，高度为300px，同时设置了图片的显示方式为inline-block，所以图片显示的大小会根据其父元素的宽度进行自适应缩放。如果想要图片显示的更大，可以尝试增加图片的宽度和高度，并且设置图片的显示方式为block。另外，通过设置background-size或者使用object-fit属性也可以控制图片的显示大小。

.list-container li .img-list { width: 100%; margin-top: 10px; /* position: relative; / } ul{ list-style-type: none ; } .img-list .img { / float: left; / width: 80%; height: 300px; margin-right: 1%; / margin-bottom: 10px; / display: inline-block; / background-position: center; / background-repeat: no-repeat; / background-size: contain; / / object-fit: contain; -o-object-fit: contain; */ }这段css代码输出的图片太小了

可以尝试将 `.img-list .img` 的宽度调大，比如设置为 `width: 90%;` 或者 `width: 100%;`，同时也可以将高度调大，比如设置为 `height: 400px;` 或者 `height: 500px;`。另外，如果图片的尺寸本身就很小，也会导致展示出来的效果不够好，这时可以尝试使用更大尺寸的图片。