元素水平垂直居中的全部方法

可以使用以下方法实现元素的水平垂直居中：

1. 使用flexbox布局：将父元素设置为display:flex，并且设置align-items:center和justify-content:center属性
2. 使用position和transform属性：将元素的position属性设置为absolute或fixed，并且同时设置top、bottom、left和right属性值为0，然后设置transform属性值为translate(-50%,-50%)
3. 使用display:table和vertical-align属性：将父元素的display属性值设置为table，然后将子元素的display属性设置为table-cell，并设置vertical-align属性值为middle
4. 使用text-align和line-height属性：将父元素的text-align属性值设置为center，并将子元素的line-height属性值设置为与父元素的height属性相同的值，此时子元素即可实现垂直居中。对于水平居中，可以设置父元素的display属性值为inline-block，并设置父元素的width属性值为子元素的宽度。
5. 使用grid布局：将父元素设置为display:grid，并将子元素放置在网格的中心位置。可以使用grid-template-rows和grid-template-columns属性来设置网格的列和行。