仅CSS反向（无序）列表

Question

插件，我使用输出链接/描述作为列表项。如果可能的话，我想颠倒顺序（所以第一个li出现在页面的最后），但也让它们以砖砌式（相对于网格）的方式出现在两列中吗？

我现有的代码是：

.post-entry #linkcat-0 ul {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 1em;
-webkit-column-gap: 1em;
column-gap: 1em; }

.post-entry #linkcat-0 ul li {
display: inline-block;
margin: 0;
border: 0;
padding: 10px 0;
border-bottom: 1px dotted #999; }

.post-entry #linkcat-0 ul li:last-child {
border-bottom: 0; }

Flex是在我停止涉足之后引入的，因此我似乎无法使两者一起工作。如果有人能够提供任何见解，将不胜感激。

实际中：https://jsfiddle.net/z97xgp4k/

Answer 1

我不确定这是否就是您想要的样子，但我认为它非常接近。

这就是我最终得到的代码：

.post-entry #linkcat-0 ul {
    columns: 2
} 
.post-entry #linkcat-0 ul li {
  margin: 0;
  border: 0;
  padding: 10px 10px;
  border-bottom: 1px dotted #999;
}
ul {
    transform: rotate(180deg);
}
ul > li {
    transform: rotate(-180deg);
}

您可以看到here的外观。

希望有帮助。