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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了子块元素在父块元素中居中相关的知识,希望对你有一定的参考价值。

水平居中有两种情况:

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

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

以上是关于子块元素在父块元素中居中的主要内容,如果未能解决你的问题,请参考以下文章

css 子块级元素会继承父块级元素的宽高吗?

关于overflow:hidden的作用

浮动之后子元素在父元素哪个位置

div宽高不确定,在父元素div中居中。

float的影响及清除float

web相关基础知识2