<div class='main'>
<div class='block'>
<div class='thick'>{$amount}</div>
<div>累计收益</div>
</div>
<div class='block'>
<div class='thick'>{$money}</div>
<div>可提现收益 <button name="withdraw_cash" id="withdraw_cash" class="btn btn-primary" data-toggle="modal">马上提现</button></div>
</div >
<div class='block'>
<div class='thick'>{$todayAmount}</div>
<div>今日预估收益</div>
</div>
</div>
.main{
width: 100%;
text-align: center;
overflow: hidden;
margin-top: 20px;
}
.block{
border: 2px solid rgba(189, 193, 193, 0.2);
box-sizing: border-box;
width: 20%;
height: 140px;
float: left;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
margin: 0 6%;
}
.thick{
font-size:30px;
}
效果: