CSS2 伪元素 :after 实现布局居中(模拟float:center)


浏览器支持

IE8+ 及 Chrome、Firefox、Opera、Safari 等主流浏览器支持

代码实现


	.box .left {
		/*左边的文字块*/
		float: left;
	}
	.box .left:before {
		content: '';
		height: 245px;
		width: 153px;
		float: right;
	}
	.box .right {
		/*右边的文字块*/
		float: right;
	}
	.box .right:before {
		content: '';
		height: 245px;
		width: 153px;
		float: left;
	}
<div class="box">
	<div class="left" style="background: #BECEEB">我在左边</div>
	<div class="right" style="background: #BECEEB">我在右边</div>
	<div style="background: #2da2e5">我在中间</div>
</div>

CSS2 伪元素 :after 实现布局居中(模拟float:center)


<< CSS 实现图片垂直居中


没有账号? 忘记密码?

社交账号快速登录