[分享]css中怎么将图片居中

CSS中如何将图片居中？在CSS中，有多种方法可以使图片居中。 使用textalign:center属性: 在包含图片的元素中使用textalign:center属性可以将图片水平居中。例如： ...

CSS中如何将图片居中？

在CSS中，有多种方法可以使图片居中。</br>

使用text-align:center属性:</br>
在包含图片的元素中使用text-align:center属性可以将图片水平居中。例如：</br>
<div style="text-align:center;">
    <img src="example.jpg">
</div>

使用margin: auto属性:</br>
在包含图片的元素中使用margin: auto属性也可以将图片水平居中。例如：</br>
<div style="margin: auto; width: 50%;">
    <img src="example.jpg">
</div>

使用display:flex属性:</br>
使用display:flex属性可以使包含图片的元素中的图片水平垂直居中。例如：</br>
<div style="display:flex; align-items:center; justify-content:center;">
    <img src="example.jpg">
</div>

以上是实现图片居中的常见方法，可按照实际需求选择使用。</br>