我已经在 a 中设置了图像的边框div
成为无。我现在想将该图像放在其包含的 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;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)