是否可以使用CSS反转列表?也就是说,没有 javascript。
这是来源:
<!DOCTYPE html>
<html>
<head>
<title>Reversed List</title>
<style type="text/css">
ol.reverse li { /* what goes here? */ }
</style>
</head>
<body>
<ol class="reverse">
<li>First</li>
<li>Second</li>
<li>Third</li>
</ol>
</body>
</html>
这应该是结果:
(当谷歌搜索时,它总是出现在编号上,而How to display a reverse-ordered list in HTML?看起来就像编号一样,即使我现在看到的答案都不是。)
答案 0 :(得分:8)
您可以使用flexbox进行反转:
.reverse {
display: flex;
flex-direction: column-reverse;
}
<ol class="reverse" reversed>
<li>First</li>
<li>Second</li>
<li>Third</li>
</ol>