如何將自舉滑塊圖像的位置設置為居中？

Question

我想要在我的引導滑塊中放置在頁面中心的圖像，例如該圖像 ：

在此滑塊中，兩個部分必須為空：

左右部分

<!--Slider-->
<div class="row">

    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->

        <div class="carousel-inner">
            <div class="item">
                <img src="images/4172_780x354_hp_mysterious_v1.jpg" />
                <div class="container">
                </div>
            </div>
            <div class="item">
                <img src="images/4181_780x354_hp_kitchen_v1.jpg" />
                <div class="container">
                </div>
            </div>
            <div class="item active">
                <img src="images/4182_780x354_hp_sport-wear_v1.jpg" />
                <div class="container">
                </div>
            </div>
        </div>
    </div>
</div>

我使用此代碼，但圖像位於頁面右側。

我的網站方向是從右到左

Answer 1

你可以試試這個

.carousel-inner img {
  margin: auto;
}