首页 > 代码库 > 子块元素在父块元素中居中

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

水平居中有两种情况:

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

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

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