个人中心
gpt4 book ai didi

html - 无法将我的 div 放在页面中央

转载 作者：行者123 更新时间：2023-11-27 23:50:05 25 4
gpt4 key购买 nike

我有一个 div，我在 div 中放置了一张图片。我试图将该 div 定位在页面的中心，但我做不到。请帮我。谢谢 ! 

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <style>
        .bannerimage {
            margin: 0 auto;
        }
    </style>
</head>

<body>
    <div class="bannerimage">
        <img src="images/mailer2.jpg">
    </div>
</body>

最佳答案

您可以为您的 bannerimage 类使用 display:flex 来轻松地将其居中。希望这有帮助

.bannerimage {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: -webkit-fill-available;
}

关于html - 无法将我的 div 放在页面中央，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56592142/

25 4 0
文章推荐： php - 将 HTML5 图表转换为 PDF
文章推荐： javascript - 请解释 AngularJs 调试中的 ng-click 行为
文章推荐： c++ - 如何正确使用 FindResourceW()？
文章推荐： javascript - 在外部 iframe 中设置输入字段的值