html - 以从下到上的方式呈现无序列表

Question

如何以自下而上的方式呈现无序列表。

我想将规范放入列表中，以便第一个元素显示在给定位置。第二项显示在第一项的顶部。第三项显示在第二项的顶部项等。该列表应从底部(第一个元素)增长到顶部(最后一个元素)，使第一个元素固定在给定位置。该列表由 webkit 呈现。

我需要知道在下面的代码中可以做什么来实现这一点。

audio::-webkit-media-controls-closed-captions-track-list ul,
video::-webkit-media-controls-closed-captions-track-list ul {

display: list-item;
list-style-type: disc;
position: relative;
right: 70px;
bottom: 50px;

如有任何帮助，我们将不胜感激。

谢谢，苏尼尔

Answer 1

您也可以使用此方法从下到上呈现列表。

ul {
  display: flex;
  flex-direction: column-reverse;
}

<ul>
    <li>Item 1 </li>
    <li>Item 2</li>
</ul>

这是为您准备的工作演示。 http://jsbin.com/petokazi/1/edit