很多场景下需要让元素在网格、区块等内容中垂直居中,此时可以使用如下样式:
.test{ display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
在需要垂直居中的元素中添加一个容器组件,并将此样式应用到容器组件中,即可实现容器组件中的元素垂直居中