如何在 CSS 中对齐图片？

图片是任何 Web 应用程序的重要组成部分。通常不建议在 Web 应用程序中包含大量图片，但在需要的地方使用图片很重要。 CSS 帮助我们控制 Web 应用程序中图片的显示。

对齐图片意味着将图片定位在中心、左侧和右侧。我们可以使用 float 属性和 text-align 属性来对齐图片。

如果图片在 div 元素中，那么我们可以使用 text-align 属性来对齐 div 中的图片。

示例

在此示例中，我们使用 text-align 属性来对齐图片。图片位于 div 元素中。

输出

使用 float 属性

CSS float 属性 是一个定位属性。它用于将元素推向左侧或右侧，允许其他元素环绕它。它通常与图片和布局一起使用。

元素只能水平浮动。所以只能将元素向左或向右浮动，不能向上或向下浮动。浮动的元素可能会尽可能向左或向右移动。简单来说，这意味着浮动的元素可以显示在最左侧或最右侧。

示例

输出