元素在父元素中水平或垂直居中的方法

如何让元素在父元素中水平或垂直居中：
行内元素：
text-align:center;
line-height:height;
块级元素：
1.给父元素设置display:flex;
并且设置:
align-items:center;
justify-content:center;
2.给父元素一个定位属性，子元素使用绝对定位，并且使用配合属性left:50%;top:50%;让子元素左上角移动到父元素中心位置；然后再让子元素使用margin-left:-width/2;margin-top:-height/2;
3.给父元素一个定位属性，给子元素一个绝对定位。然后给子元素的所有配合属性设置为0px并且给子元素设置margin:auto
4.给父元素设置一个display:flex;子元素设置margin:auto
5. 父元素display:table-cell; vertical-align:middle;text-align: center;
子元素display:inline-block;