1. 程式人生 > >讓一個塊級元素在某區域內上下左右居中

讓一個塊級元素在某區域內上下左右居中

<div class=” container”>
<div class=” box”><div/>
<div/>
	.container {
	border: 1px solid #000;
	width: 300px;
	height: 300px;
	position: relative;
	}
	
	.box {
	border: 1px solid #000;
	width: 50px;
	height: 50px;
	
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
效果圖: