javascript - jQuery Roundabout-元素位置错误

我正在使用jQuery Roundabout创建一个简单的JS Roundabout。我用以下代码初始化代码

$(document).ready(function(){
    $('.roundabout').roundabout({
    });
});

并为元素提供以下CSS：

.roundabout-holder {
    list-style: none;
    padding: 0;
    margin: 0;
    height: 10em;
    width: 10em;
}
.roundabout-moveable-item {
    height: 4em;
    width: 4em;
    cursor: pointer;
    background-color: #ccc;
    border: 1px solid #999;
}
.roundabout-in-focus {
    cursor: auto;
}

由于某些原因，在我的测试页上元素的对齐方式不正确。我已经尝试过多种方法来解决问题，但是我无法弄清楚是什么导致了问题。使用我在站点上的默认设置，水平对齐方式应该在一行上。知道这里可能出什么问题吗？

最佳答案

确保已将API tilt设置为0。

$('.roundabout').roundabout({
    tilt: 0
});

另外，如果要将图像放置在.roundabout-moveable-item内，则需要确保将图像的宽度设置为100%。

.roundabout-moveable-item img {
    width: 100%;
}