我已经将a中的图像边框设置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;
}
Pau*_*ite 27
尝试将图像的display属性设置为block:
banner {
height: 100px;
width: 960px;
padding-bottom: 10px;
}
banner img {
border: none;
display: block;
margin: 0 auto;
}