-1
A
回答
1
您可以将列表设置为display: flex; flex-direction: column;
,那么有源元件设置为flex-grow: 1; display: flex; align-items: center;
有该元素成长为占用所有可用空间,然后中心它的内容在中间。
* {margin:0;padding:0}
ul {
height: 100vh;
display: flex;
flex-direction: column;
list-style: none;
}
.active {
flex-grow: 1;
display: flex;
align-items: center;
}
<ul>
<li>foo</li>
<li>foo</li>
<li class="active">foo</li>
<li>foo</li>
<li>foo</li>
</ul>
+0
完美,谢谢你! –
+0
@KeithPetrillo欢迎您:) –
相关问题
- 1. jquery上无法使用上一个项目和下一个项目链接
- 2. 如何使列表视图滚动到顶部项目上方和最后一个项目下
- 3. 向上/向下移动一个项目
- 4. 用于下一个和上一个功能的组fancybox项目
- 5. PHP,移动到列表上的下一个项目
- 6. 搜索结果和上一个/下一个项目链接
- 7. 预览下一个和上一个轮播项目
- 8. 获取ngClick上的下一个项目
- 9. jQuery和选择下一个列表项目对象
- 10. 获取上一个和下一个列表项ID如果有?
- 11. 如何将列表框项目向上和向下移动
- 12. 获取下一个项目在树上
- 13. HTML jQuery的举动从列表框中的项目到另一个列表框,然后移动项目上下
- 14. Django和aiohttp在同一个项目下
- 15. 以编程方式选择下一个列表框项目
- 16. 在另一个项目的目录下移动gitlab项目
- 17. SharePoint以编程方式将一个列表项目移动到另一个列表项目,这有可能吗?
- 18. 当我点击一个项目上Expandable列表查看移动到下一个活动
- 19. 使用jQuery获取列表中的下一个或上一个项目
- 20. 按钮命令选择列表框中的下一个/上一个项目
- 21. 的Json移动到下一个项目
- 22. Typo3上一个和下一个项目的菜单不同的包装
- 23. 获取ObjectListView中的下一个/上一个项目
- 24. 隐藏最后一个项目上的下一个按钮jCarousel
- 25. 将项目从一个列表移动到另一个列表
- 26. SharePoint列表项目:将列表项目级权限从一个项目复制到另一个项目
- 27. 使用单个查询在表格中的某一行上方和下方选择特定数量的项目
- 28. 移动项目上下
- 29. Gnome 3 Javascript(GJS) - TreeView - 选择下一个/上一个项目
- 30. WPF - 实现一个允许项目上下移动的列表框
你能告诉你已取得的成就? –