<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; }
效果: