如何在CSS中居中放置图片?

CSS帮助我们控制Web应用程序中图像的显示。图像或文本居中是CSS中的常见任务。要使图像居中，我们必须使用display：block;将margin-left和margin-right的值设置为auto并将其设置为块元素。属性。

如果图像在div元素中，则可以使用text-align：center;属性，用于将图像对齐到div的中心。

的元素称为内联元素，可以通过应用text-align：center;轻松地将其居中CSS属性，将其更改为包含它的父元素。

注意：如果宽度设置为100％(全角)，则图像无法居中。

我们可以使用速记属性margin并将其设置为auto以在中心对齐图像，而不是使用margin-left和margin-right属性。

让我们看看如何通过应用text-align来使图像居中：属性为其父元素。

例

在此示例中，我们使用text-align：center;对齐图像。属性。该图像在div元素中。

输出量

例

现在，我们使用margin-left：auto;右边距：自动；并显示：块；使图像与中心对齐的属性。

输出量