微信小程序学习笔记(一)——css小技巧

微信小程序——css小技巧
1、子类元素的横排与竖排
    .父类{
        display: flex;
        flex-direction: row; //横排
        flex-direction: column; //竖排
    }
2、margin-right:20px有可能会失效
    解决办法:外围包裹一层使用padding-right:20px;
2、scroll滚动
    竖向滚动
        
            
            
            
            
        

        .scl_y{
            height: 100px; //设置父高度
        }
        .scl_y view{
            height: 100px; //设置子高度
        }
    横向滚动:
        
            
            
            
            
        

        .scl_x{
          white-space: nowrap;  //设置不换行
        }
        .scl_x view{
          width: 100%;
          display: inline-block;
          height: 100px;
        }

你可能感兴趣的:(微信小程序)