块级元素都有哪些?如何让块级元素垂直和水平居中?
常见的块级元素有:h1-h6、hr(水平分割线)、div、p(段落)、ul(无序列表) 、ol(有序列表)、form(表单)

块级元素垂直和水平居中:

1.绝对定位+margin

*{
  position: absolute;
  width: 100px;
  height: 100px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto; 
  background-color: #fff;
}

2.绝对定位+transform

*{
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

3.Flex弹性布局

*{
  display: flex;
  justify-content: center;
  align-items: center;
}

4.Grid网格布局

*{ 
  /*父级加*/
  display: grid;

 /*对齐元素加*/
 justify-self: center;
 align-self: center;
}

原文地址:https://course.51qux.com/1677.html