div中的内容水平垂直居中

一、flex布局

在父div添加CSS样式如下：

	.flex{
		display: flex;
		// 垂直居中
		align-items:center;
		// 水平居中
		justify-content: center;
		text-align: justify;
		width: 10px;
		height: 10px;
		margin: 0 auto;
	}

子div的css样式如下：

h3 {
    font-size: 0.6rem;
    text-align: center;
    margin: 0.125rem 0 0.125rem;
    color: black;
    }

实现效果

二、水平居中

在父div的样式中添加：text-algin:center;
在子div的样式中添加：margin-left:auto; margin-right:auto;