[分享]css中怎么将img居中

CSS 中怎么将 img 居中？有时候我们会遇到需要将图片居中的情况，这时候我们可以使用 CSS 来实现。方法一：将图片设置为块状元素，然后使用 margin 属性来实现居中效果。示例代码：css i...

CSS 中怎么将 img 居中？
有时候我们会遇到需要将图片居中的情况，这时候我们可以使用 CSS 来实现。
方法一：
将图片设置为块状元素，然后使用 margin 属性来实现居中效果。
示例代码：

css
img {
    display: block;
    margin: 0 auto;
} 

方法二：
使用 flex 布局来实现居中效果，这种方法需要将图片所在的容器设置为 flex 布局。
示例代码：

css
.container {
    display: flex;
    justify-content: center;
    align-items: center;
} 

以上两种方法都可以实现图片居中，具体使用哪种方法可以根据实际需求来选择。