简单选框 js 库的 Firefox 布局问题

Question

我已经实现了 simple-marquee 插件：https://github.com/conradfeyt/Simple-Marquee

它在 Safari 和 Chrome 上按预期工作，但我遇到了它在 Firefox 上的显示方式问题。页面上的布局弄乱了：deannoble.com.au

这里是 html

    <div class="marquee">
        <ul class="marquee-content-items">
            <li>Web Designer</li>
            <li>Bread baker</li>
            <li>From Melbourne</li>
        </ul>
    </div>
</div>

这是我认为可能导致问题的部分 css：

.simple-marquee-container *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
}

JS是

$('.simple-marquee-container').SimpleMarquee();

任何帮助将不胜感激！

谢谢

Answer 1

在进一步挖掘之后，我发现 Firefox 不喜欢 display:inline-block;。将其更改为display:block 解决了这个问题。