css列列表是无序的

Question

我有一个ul li，在css列中组织。否则我的李的命令就完全搞砸了。

我需要在那个奥德：

1   2
3   4
5   6
7   8

这是我正在使用的CSS：

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;

我试图添加：

    -webkit-column-break-inside: avoid;

但没有运气，

我还尝试在li元素中添加display:inline-block而没有任何内容。 。

任何帮助都会如此惊人：）

感谢您的时间！

Answer 1

你应该使用post_item，同时为{li}设置display: inline-block;，你需要设置ul和li的宽度。 例如：

vertical-align: top;

可能是百分比。

Answer 2

根据我以前的评论 - 李的宽度应该是50％，而不是像你设定的100％，所以在你的情况下：

 ul.pl-bxslider.pl-box-car li {
   width: 50% !important;
   display: inline-block;
   vertical-align:top;
 }

ul.pl-bxslider.pl-box-car {
  width:100%;
}