css 实现块状

<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;
}

效果:



猜你喜欢

转载自blog.csdn.net/mengzuchao/article/details/80707421