html – 在长高度的ul元素中如何在底部有两个元素

概述我有一个简单的ul元素,它有很高的高度,我想在ul元素的底部最后两个li元素并且在顶部. 您可以看到当前的实现here. 代码是这样的： .my-ul { height: 90vh; width: 40%; background-color: grey;} <div id="demo"> <ul class="my-ul"> <li>First Element</li> @H_301_0@ @H_301_0@ 我有一个简单的ul元素,它有很高的高度,我想在ul元素的底部最后两个li元素并且在顶部.

您可以看到当前的实现here.

代码是这样的：

.my-ul {  height: 90vh;  wIDth: 40%;  background-color: grey;}

<div ID="demo">  <ul >    <li>First Element</li>    <li>Second Element</li>    <li>Third Element</li>    <li>Fourth Element</li>    <li>Fifth Element</li>  </ul></div>

我尝试了here和here的解决方案,但这些是not working.

解决方法 我在这里看到的解决方案是flexBox

ul {  display: flex;  flex-direction: column;  height: 300px;  justify-content: flex-start;}ul li:nth-last-child(2) {  margin-top: auto;}

<ul>  <li>first</li>  <li>first</li>  <li>first</li>  <li>first</li>  <li>first</li>  <li>first</li></ul>

@H_301_0@ 总结

以上是内存溢出为你收集整理的html – 在长高度的ul元素中如何在底部有两个元素全部内容，希望文章能够帮你解决html – 在长高度的ul元素中如何在底部有两个元素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。