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

Answer 2

如果列表是

aaa
ggg
ccc
fff

在下面申请css

ul li 
{
  display: table-caption;
}

结果是

fff
ccc
ggg
aaa

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

2 个答案: