我正在设计一个位于div内的图像,然后位于另一个div的内部.不要担心,我会发布一些代码,所以你可以看到我在这里谈论什么.
HTML：
<div id="container">
<div id="featureimage" style="width: 845px">
<img src="Stylesheets/images/globkey.jpg" alt="" />
</div>
</div>
CSS：
body {
background-color: #383838;
margin: 0; padding: 0;
font-size: small;
color: #383838;
font-family: Verdana,Arial,Helvetica,sans-serif;
}
* html body {
font-size: x-small; /* for IE5/Win */
font-size: small; /* for other IE versions */
}
img {
border-style: none;
}
/* Conatiner */
#container {
background-color: #fff;
width: 845px;
margin: 0 auto;
overflow: hidden;
}
#featureimage{
width: 620px;
padding: 0 0 0 15px;
margin: 20px 0;
/* I have also tried without padding and no margin!*/
}
#featureimage img{
margin-left:50%;
margin-right:50%;
width:360px;
height:360px;
}
我是新鲜的想法在这里！一直在这个永远！
感谢您的任何帮助,
埃文
解决方法
图像是内联元素,以它们为中心,可以使用text-align：center;或将其设置为显示：block和set margin：0 auto;
