子块元素在父块元素中居中
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了子块元素在父块元素中居中相关的知识,希望对你有一定的参考价值。
水平居中有两种情况:
-
子元素,父级元素都是块级元素的时候,子级元素{margin:0 auto}。需要注意的是当子级元素的position为非默认及relative时,这种设置会失效。
-
如p等标签中内的文字内容水平居中:使用{text-Align:center}。垂直居中设置该元素的行高等于元素的高。如:{height:100px;line-height:100px}可实现。注意:这种方法应用于行内元素
以上是关于子块元素在父块元素中居中的主要内容,如果未能解决你的问题,请参考以下文章