Html 如何在引导程序中在中间显示此图片？

如何在引导程序中在中间显示此图片？ 我是新手。谢谢

---

也许可以试试。它有利于内容的中心化

.form-group {
    display: grid;
    place-items: center;
  }

---

水平对齐

只需添加

文本中心

---

您可以将包含的div用作flexbox，使用

flex direction:column

和

justify content:center

进行垂直对齐：

#fotodiv{
显示器：flex；
高度：100vh；/*或外部容器的100%*/
弯曲方向：立柱；
对齐项目：居中；/*水平对齐*/
对齐内容：居中；/*垂直对齐*/
}
img{
/*只是为了查看图像的边框*/
边框：1px纯红；
}

我认为您可以将类“d-block”和“mx auto”添加到img元素中。请遵循以下步骤。快乐编码！如果我没弄错的话，OP要求的是垂直对齐

.form-group {
    display: grid;
    place-items: center;
  }