Hre是我的情况:
我有一个旋转木马滑块,我希望将列表显示在两列中。
当我使用时:
ul.pl-bxslider.pl-box-car {-moz-column-count: 2;
-moz-column-gap: 2.5em;
-webkit-column-count: 2;
-webkit-column-gap: 2.5em;
column-count: 2;
column-gap: 2.5em;
}
它很好,显示在两列中,但是,如果我将一个元素从第二列悬停,这一个就消失了。 。 ..
此列表也没有以良好的顺序显示。 。 。任何人都有一些很好的工作才能正常工作?
我尝试了另类解决方案:
ul.pl-bxslider.pl-box-car li {float: left !important;display:table;width: 50% !important;}
它也有效,我没有遇到这些问题,相反,旋转木马不再正确滑动。 。 ..
任何帮助都会很棒,
感谢您的时间!
-----编辑-----
好的,我通过在li元素中添加以下内容来修复它:
-webkit-backface-visibility: hidden;
-webkit-transform:translateX(0);
否则,我仍然有一个错误的订单:(