CSS水平和垂直对齐怎样设置

在CSS中，可以通过以下方式设置元素的水平和垂直对齐：

1. 水平对齐：

• 使用text-align属性设置元素内部文本的水平对齐方式，可以选择的值有：
• left：左对齐
• right：右对齐
• center：居中对齐
• justify：两端对齐
• 使用margin属性设置元素的外边距，可以通过设置左右外边距的值为auto来实现自动居中对齐。

1. 垂直对齐：

• 使用vertical-align属性设置元素的垂直对齐方式，可以选择的值有：
• baseline：基线对齐
• top：顶部对齐
• middle：居中对齐
• bottom：底部对齐
• text-top：文本顶部对齐
• text-bottom：文本底部对齐
• 使用line-height属性设置元素的行高，可以通过设置相同的高度值来实现垂直居中对齐。
• 使用display属性将元素设置为表格单元格（display: table-cell）或弹性盒子（display: flex），并结合align-items和justify-content属性来实现垂直和水平居中对齐。

需要注意的是，某些属性只对特定的元素有效，如vertical-align属性只对行内元素和表格单元格有效，text-align属性只对块级元素有效。