align-self: center；在scss中的用法

最新推荐文章于 2024-07-19 23:35:33 发布

MFG_666

最新推荐文章于 2024-07-19 23:35:33 发布

阅读量617

点赞数

分类专栏：小知识点

本文链接：https://blog.csdn.net/m0_49714202/article/details/117300512

版权

Flexbox布局页面样式 CSS 课程进度 UI设计

关键词由CSDN通过智能技术生成

小知识点专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<view class="page_globe">
   <view class="page_globe_img"></view>
   <view class="page_globe_txt">
    <view class="page_globe_txt_btn"></view>
    <view>完成课程: 1/31</view>
   </view>
  </view>

  .page_globe{
   width: 60%;
   height: 150rpx;
   background-color: #007AFF;
   margin: 0 auto;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   .page_globe_img{
    width: 45%;
    height: 100%;
    background-color: #999999;
   }
   .page_globe_txt{
    width: 45%;
    height: 80%;
    background-color: #999999;
    align-self: center;
   }
  }