我正在设置一个在线表格,用于选择盒子和东西。 当我对自己说“让我们在 IE 中试试吧”时,我几乎完成了整个事情。
这是我想要的结果以及 Google Chrome 中出现的结果:
这就是 IE 中发生的事情:
这是该部分的 CSS 和 HTML:
HTML
<div id="choosen"><img src="img.jpg" class="center-img" /></div>
CSS
img.center-img{
margin-top:15px;
position:relative;
width: <?php echo $width; ?>px;
left:50%;
margin-left:-<?php echo $width/2; ?>px;
}
基本上图像位于 div 的中心,因为我正在写的这个页面将被包含到另一个我从未见过的页面中,其他人会这样做。
已编辑
最佳答案
如何将 CSS 更改为
img.center-img{
margin:15px auto 0;
display:block;
}
关于html - Internet Explorer 和 Google Chrome 的内容显示方式不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17379100/