在div中居中放置图像

  • Z时代
  • 2024-01-10
  • 分类：问答

我已经将图像内的边框设置div为none。我现在想将该图像放在其包含div的中心。我曾尝试使用，margin: 0 auto;但没有用。

我敢肯定，我忽略了一些愚蠢的事情，但是我想得到stackoverflow社区的帮助，所以这并不需要我花一个小时盯着屏幕来弄清楚。非常感谢。

<body>
    <div id="wrapper">
        <div id="banner">
            <img src="logo3.png"/>
            <!--<img src="kslf_logo.png"/>
            <img src="logo2.png" title="Katie Samson Lacrosse Festival Logo"/>-->
            <div id="social_network">
                <a href="#" target="_blank" title="Check out the Facebook Page!">Facebook</a>
            </div>
        </div>
    </div>
</body>

这是CSS …

#banner {
    height: 100px;
    width: 960px;
    padding-bottom: 10px;
}
#banner img {
    border: none;
    margin: 0 auto;
}

回答：

尝试将图片的display属性设置为block：

banner {
    height: 100px;
    width: 960px;
    padding-bottom: 10px;
}
banner img {
    border: none;
    display: block;
    margin: 0 auto;
}

以上是 在div中居中放置图像 的全部内容， 来源链接： utcz.com/qa/399698.html

回到顶部