所以我想知道如何解決以下問題；在臺式機和平板電腦上，我使用比例為 16:9（或 1280x720）的圖像。在移動設備上，我想以 1:1 的固定比例顯示這些圖像。這是通過使用著名的填充技巧來完成的。但有一件事是，貓頭鷹旋轉木馬內的圖片向左對齊，我需要這些圖像在容器內居中。超文本標記語言<div class="owl-carousel owl-centered owl-theme owl-loaded owl-drag">    <div class="owl-stage-outer">        <div class="owl-stage" style="transition: all 0s ease 0s; width: 2520px; transform: translate3d(-720px, 0px, 0px);">            <div class="owl-item cloned" style="width: 360px;">                <img src="" class="item"/>            </div>            <div class="owl-item cloned" style="width: 360px;">                <img src="" class="item"/>            </div>            <div class="owl-item active center" style="width: 360px;">                <img src="" class="item"/>            </div>            <div class="owl-item" style="width: 360px;">                <img src="" class="item"/>            </div>            <div class="owl-item" style="width: 360px;">                <img src="" class="item"/>            </div>            <div class="owl-item cloned" style="width: 360px;">                <img src="" class="item"/>            </div>            <div class="owl-item cloned" style="width: 360px;">                <img src="" class="item"/>            </div>        </div>    </div></div>CSS.owl-carousel.owl-centered .owl-stage-outer {    position: relative;    padding-top: 100%;    width: 100%;}.owl-carousel.owl-centered .owl-stage {    position: absolute;    top: 0;    left: 0;    height: 100%;}.owl-carousel.owl-centered .owl-item,.owl-carousel.owl-centered .owl-item > img {    height: 100%;    width: auto;    text-align: center;    overflow: hidden;}我在這里閱讀了多個主題，正如你所看到的，我嘗試使用“文本對齊”和translateX功能，但我似乎無法解決這個問題。應該可以吧？我還嘗試過 Owl Carousel 附帶的 autoWidth 和 autoHeight ...最后的手段是以正確的比例生成多個圖像尺寸。