Javascript 如何在引导转盘中制作流体图像

如何使我的图像在引导中“流动”并更改为对齐到中心

这意味着更改浏览器分辨率后，图像不适合旋转木马边框，也不对齐

<div class="carousel-inner" role="listbox" >
<div class="item active">
  <img src="img/coffe.jpeg" alt="Coffee" width="460" height="365" a>
</div>

<div class="item">
  <img src="img/sandwich.jpeg" alt="Sandwich">
</div>

<div class="item">
  <img src="img/wine.jpeg" alt="Wine">
</div>

<div class="item">
  <img src="img/sandwich.jpeg" alt="Sandwich">
</div>
</div>
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  <span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  <span class="sr-only">Next</span>
</a>
</div>

---

您可以将

class='img-responsive'

添加到图像中，下面是一个

使用以下css对齐图像中心，通过将项目直接子图像的“右”和“左”边距设置为“自动”，图像将对齐中心

  .carousel-inner > .item > img {
      margin: 0 auto;
   }

---

谢谢，但我正试图在旋转木马边框中使图像和全分辨率居中对齐。我可以在没有高度和宽度参数的情况下执行此操作吗？