css 如何在圆内居中图像[副本]

gcmastyq  于 2023-01-10  发布在  其他
关注(0)|答案(1)|浏览(144)
    • 此问题在此处已有答案**:

How can I center text (horizontally and vertically) inside a div block?(27个答案)
Flexbox: center horizontally and vertically(14个答案)
How to vertically align an image inside a div(37个答案)
(133个答案)
8个月前关闭。
有人能帮助我,并告诉我如何才能中心的圆圈内的图像,如下图所示。

在写这篇文章之前,我花了一些时间寻找答案,但我找不到答案。
这里是我唯一的代码,这是HTML:

<div class="service">
    <div class="circle">      
      <!-- <img src="/assets/images/engineering.png" alt="image mécanisme"> -->
      </div>
     <h2>Automatiser votre<br>funnel d'acquisition</h2>
</div>
2g32fytz

2g32fytz1#

使用HTML,将图像放置在父div(即圆形div)内。
在父div中(带有类circle),使用CSS add

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

这应该会将图像添加到圆形div中。
如果有帮助,请标记为正确。

相关问题