jQuery Roundabout - 元素的错误位置

Question

我正在使用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;
}

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

Answer 1

确保已将API tilt设置为0。

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

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

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