1.1行内元素

这是水平居中的元素

水平居中元素

1.2块元素

（宽度已知）块元素居中，块元素水平居中，块元素居中，块元素水平居中，块元素居中，块元素水平居中，块元素居中，块元素水平居中，块元素居中，块元素水平居中，块元素居中，块元素水平居中，

(宽度未知) 块元素居中，块元素水平居中，块元素居中，块元素水平居中，块元素居中，块元素水平居中，块元素居中，块元素水平居中，块元素居中，块元素水平居中，块元素居中，块元素水平居中，

1.3多个块元素

用display:inline多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，

用display:inline多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，

用display:inline多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中

用flexbox多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，

用flexbox多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，

用flexbox多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，多个块元素水平居中，

这是单行元素，可以使用padding-top和padding-bottom值相等实现居中

另外如果height已知，还可以用line-height实现垂直居中，line-height=height

这是多行元素，使用padding-top和padding-bottom值相等，可以实现。这是多行元素，使用padding-top和padding-bottom值相等，可以实现。这是多行元素，使用padding-top和padding-bottom值相等，可以实现。

这是多行元素，可以使用vertical-align可以实现，table cell类型,父元素是display:table 这是多行元素，可以使用vertical-align可以实现，是table cell类型,父元素是display:table 这是多行元素，可以使用vertical-align可以实现，是table cell类型,父元素是display:table

这是多行元素，可以用flex实现垂直居中，这是多行元素，可以用flex实现垂直居中，这是多行元素，可以用flex实现垂直居中，这是多行元素，可以用flex实现垂直居中，这是多行元素，可以用flex实现垂直居中，这是多行元素，可以用flex实现垂直居中，注意这里容器必须有高度。

如果前面几种都不行的话，可以使用这种技术，实现多行文本垂直居中，将一个全高度的伪元素放置在容器内，文本垂直对齐。如果前面几种都不行的话，可以使用这种技术，实现多行文本垂直居中，将一个全高度的伪元素放置在容器内，文本垂直对齐。

这里是高度已知的块元素，我可以像这样实现垂直居中，首先设置父元素相对定位，然后设置子元素绝对定位，top:50%,margin-top的值是子元素高的一半还有padding值(需要加上子元素的padding值)

对于高度未知的块元素，我们可以借助transform：translateY(-50%)来实现，父元素position: relative,子元素position:absoulte;top：50%，transform：translateY(-50%)

当然对于块元素的垂直居中还可以使用flexbox实现，将块元素的父元素设置成display：flex;flex-direction: column;justify-content:center;

这里是高度和宽度已知的元素。要想实现水平和垂直居中，这里是高度和宽度已知的元素。要想实现水平和垂直居中，这里是高度和宽度已知的元素。要想实现水平和垂直居中，这里是高度和宽度已知的元素。要想实现水平和垂直居中，

这里是高度宽度未知的元素，要想实现水平垂直居中，这里是高度宽度未知的元素，要想实现水平垂直居中这里是高度宽度未知的元素，要想实现水平垂直居中这里是高度宽度未知的元素，要想实现水平垂直居中

当然还可以使用flex实现元素的水平和垂直居中，当然还可以使用flex实现元素的水平和垂直居中，当然还可以使用flex实现元素的水平和垂直居中，当然还可以使用flex实现元素的水平和垂直居中，当然还可以使用flex实现元素的水平和垂直居中，