CSS实现在竖直方向排列水平方向居中对齐

最新推荐文章于 2024-09-02 08:00:00 发布

前端杨小白

最新推荐文章于 2024-09-02 08:00:00 发布

阅读量1.1k

点赞数

分类专栏： HTML+CSS

本文链接：https://blog.csdn.net/yangwqi/article/details/106278897

版权

HTML+CSS 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<div class="hand">
    <i class="el-icon-coin"></i><p>测试数据1</p>
</div> 
<div class="hand">
    <i class="el-icon-copy-document"></i><p>测试数据第2</p>
</div> 
<style scoped>
.hand{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
</style>