html - How to center a (background) image within a div?

Question

asked Oct 17, 2021 in Technique[技术] by 深蓝 (71.8m points)

Is it possible to center a background image in a div? I have tried just about everything - but no success:

<div id="doit">
  Lorem Ipsum ...
</div>

//CSS
#doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; }

Is this possible?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1.6k views

1 Answer

深蓝 · Answer 1 · 2021-10-16T23:50:16+0000

answered Oct 17, 2021 by 深蓝 (71.8m points)

#doit {
    background: url(url) no-repeat center;
}

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…