子块元素在父块元素中居中

水平居中有两种情况：

1. 子元素，父级元素都是块级元素的时候，子级元素{margin:0 auto}。需要注意的是当子级元素的position为非默认及relative时，这种设置会失效。

2. 如p等标签中内的文字内容水平居中:使用{text-Align:center}。垂直居中设置该元素的行高等于元素的高。如：{height:100px;line-height:100px}可实现。注意：这种方法应用于行内元素

转载于:https://www.cnblogs.com/Ajay-blog/p/6668278.html