以自下而上的方式呈现无序列表答案

【问题标题】：Render the unordered list in bottom to top fashion以自下而上的方式呈现无序列表
【发布时间】：2014-02-26 14:37:24
【问题描述】：

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

我想在列表中添加规范，以便第一个元素显示在给定位置。第二项显示在第一项的顶部。第三项显示在第二项的顶部项等。列表应该从底部（第一个元素）增长到顶部（最后一个元素），保持第一个元素固定在给定位置。列表由 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;

}

任何帮助将不胜感激。

谢谢，苏尼尔

【问题讨论】：

标签： html css webkit

【解决方案1】：

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

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

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

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

【讨论】：

您可以使用绿色的checkmak 来接受这个答案。让其他人受益。

【解决方案2】：

如果列表是

aaa
ggg
ccc
fff

在下面应用 css

ul li 
{
  display: table-caption;
}

结果是

fff
ccc
ggg
aaa

【讨论】：