Css 如何在引导转盘上移动图像

Css 如何在引导转盘上移动图像,css,twitter-bootstrap,Css,Twitter Bootstrap,使用简单的引导转盘进行类分配。我已经将图像的最大高度降低到400px,但结果是图像的顶部是唯一显示的内容。我试着在图片上稍微弄乱一些边距,本来打算裁剪图片使其适合,但我想我应该先问问社区 如何重新校准boostrap上的图像决定图像居中的位置?我只是想把图像拉屎,这样图像的中间就是现在调整大小的旋转木马上显示的内容?我想您可能正在寻找对象匹配:containcss属性 当指定时,图像将显示为仍保持不变的最大大小 纵横比 我想您可能正在寻找对象匹配:containcss属性 当指定时,图像将显示

使用简单的引导转盘进行类分配。我已经将图像的最大高度降低到400px,但结果是图像的顶部是唯一显示的内容。我试着在图片上稍微弄乱一些边距,本来打算裁剪图片使其适合,但我想我应该先问问社区


如何重新校准boostrap上的图像决定图像居中的位置?我只是想把图像拉屎,这样图像的中间就是现在调整大小的旋转木马上显示的内容?

我想您可能正在寻找
对象匹配:contain
css属性 当指定时,图像将显示为仍保持不变的最大大小 纵横比


我想您可能正在寻找
对象匹配:contain
css属性 当指定时,图像将显示为仍保持不变的最大大小 纵横比


如果对你有效,请花一秒钟将问题标记为答案如果对你有效,请花一秒钟将问题标记为答案
.carousel-item {
  max-height: 200px;  
}

.carousel-item img {
  height: 200px;
  width: 100%;
  object-fit: contain;
}