如何将容器水平放置到屏幕中央。该容器有 8 个图像要放置。所有图像都将对齐到一条线上,并应根据屏幕分辨率进行相应更改。
这是我的 HTML
<div id="container">
<div id="list" >
<img src="img/c1.png" style="display:box; width:125px; margin-left:5px; margin-top:9px" />
<img src="img/c2.png" style="display:box; width:125px;margin-left:5px;margin-top:9px"/>
<img src="img/c3.png" style="display:box; width:125px;margin-left:5px;margin-top:9px" /> .
.
.
</div>
</div>
CSS:
#container{margin-left: auto;margin-right:auto;width:1200px;}
最佳答案
在这里,你改进的 CSS
这里的图像将表现为文本,因此这段代码非常适合您的要求。 (如果某些事情不能如您所愿,请留下您的 HTML 和 CSS 的 jsfiddle,以便我们可以查看实时代码。)
#container {
position: relative;
margin: auto;
width:1200px;
}
#list img {
display: inline-block;
}
#list {
vertical-align: middle;
text-align: center;
}
关于css - 根据每个浏览器中的屏幕分辨率将 div 放置到屏幕中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15310333/