HTML CSS图像不会居中？

发布时间：2020-12-14 19:30:52 所属栏目：资源来源：网络整理

导读：我正在设计一个位于div内的图像,然后位于另一个div的内部.不要担心,我会发布一些代码,所以你可以看到我在这里谈论什么. HTML： div id="container" div id="featureimage" style="width: 845px" img src="Stylesheets/images/globkey.jpg" alt="" / /div/div

我正在设计一个位于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;

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!