CSS如何实现水平和垂直对齐

居中对齐元素

要使块元素（例如 <div> ）水平居中，请使用 margin: auto;。

设置元素的宽度将防止其延伸到容器的边缘。

然后，元素将占用指定的宽度，剩余空间将在两个外边距之间平均分配：

 注意：如果未设置 width 属性（或将其设置为 100％），则居中对齐无效。

居中对齐文本

如果仅需在元素内居中文本，请使用 text-align: center;：

 

居中对齐图像

如需居中图像，请将左右外边距设置为 auto，并将其设置为块元素：

 

左和右对齐 - 使用 position

对齐元素的一种方法是使用 position: absolute;