css - 如何控制轮播中图片的大小

Question

大家好我希望你们今天过得愉快简而言之我的问题是我有一个由 bootstrap 制作的旋转木马代码并且它运行良好但是我在旋转木马中的三个图像它们没有相同的高度和我想让它们全宽，我试图通过它们的类来控制它们，但它没有用，我试图给每个图像一个 ID，但同样的事情又发生了，我没有工作。老实说，我正在寻找这个问题，我不知道该如何处理，所以希望你们能帮我解决这个问题，再次感谢。

Answer 1

你可以给 .carousel-inner .item 类一个固定的高度和 overflow: hidden;。所以要添加的行将是

.carousel-inner .item{
    height: 300px;
    overflow: hidden;
}

在执行此操作时，如果任何幻灯片中的图像大于提供的高度，则图像的其余部分将被隐藏。但这可能不是最佳做法，因为这可能会隐藏幻灯片图像的重要部分，但如果您希望轮播中的所有幻灯片具有统一的高度，那么这可能是最佳选择(如果您考虑以下选项，则为第二最佳)保持所有相同尺寸的图像)。