Flex弹性盒子的项目属性

最近在写项目时用到了弹性盒子的项目属性，记录一下，以后用到继续扩充

    

      

        
        1
      
      

        
        7
      
      

        
        10
      
     
    

需求就是：把数量显示在图标图片的右上角

  align-self: flex-end;  /*右下角*/

.concern-data span{
  font-size: 14px;
  display: block;
  align-self: flex-end;  /*右下角*/
  color: #717375;
}

  align-self: flex-start;   /*右上角*/ 

.concern-data span{
  font-size: 14px;
  display: block;
  align-self: flex-start;   /*右上角*/
  color: #717375;
}