Element (Layout 布局的使用)

分栏间隔

文档实例


  

例子


    
        
fwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergerger
fwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergerger
fwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergergerfwerfergerger

效果
image.png

组合布局

例子
设计图
image.png
代码

开始
XXXXX将享有手续费减免、额外XX奖励、更高的XX奖励等等

Less

.pledge_XXX_block {
      width: 100%;
      position: relative;
      /* height: 150px; */
      margin-top: 40px;
      background: #007CFF url(../assets/images/XXXzoology/pledge_banner.png) no-repeat;
      background-position: left top;
      background-size: auto 150px;
      .pledge_XXX_block_texBox{
             margin: 10px;
            .pledge_XXX_block_start{
              width: 131px;
              height: 37px;
              border-radius: 4px;
              // padding: 5px 25px;
              background: #ffffff;
              color: #0060ef;
              font-size: 20px;
              text-align: center;
              line-height: 37px;
            }
            .pledge_XXX_block_text{
              width: 100%;
              margin-top: 17px;
              font-size: 18px;
              font-family: Microsoft YaHei;
              font-weight: 400;
              color: #ffffff;
            }
     }
}

你可能感兴趣的:(Element (Layout 布局的使用))