CSS水平垂直居中的方法有多种，以下列举其中几种：
1. 使用flex布局：在父元素上设置display: flex;，然后使用justify-content和align-items属性来控制子元素的水平和垂直居中。
2. 使用position和transform：将元素设置为绝对定位，并使用transform属性将其移动到父元素的中心，可以使用top、bottom、left和right属性来调整元素的位置。
3. 使用CSS Grid布局：在父元素上设置display: grid;，然后使用place-items属性来控制子元素的水平和垂直居中。
4. 使用CSS的表格单元格模型：将元素设置为表格单元格，并使用vertical-align和text-align属性来控制元素的水平和垂直居中。
5. 使用CSS的grid-template-areas属性：在父元素上设置grid-template-areas属性，并指定一个包含居中元素的区域，然后使用grid-area属性将元素放置在该区域中。
以上是几种常见的CSS水平垂直居中的方法，每种方法都有其适用场景和限制，需要根据具体情况选择合适的方法。
