css中心对齐方法center

关于网页中的对齐方法

使用margin垂直居中

.center
{
	margin-left:auto;
	background-color:#b0e0e6;
	width:70%;
}

这里显示的效果如下图：

这里虽然将div层给居中了，但是对于文字却是没有居中的，我们可以在其中加入text-align:center;语句

.center
{
	margin:auto;
	width:70%;
	background-color:#b0e0e6;
	text-align:center;
}

这个时候展示效果如下图所示：

使用padding垂直居中

.center
{
	padding: 70px 0;
	border: 3px solid green;	
}

展示效果图片如下：