我怎样才能把一幅画放在一页中间？
我怎样才能把一幅画放在一页中间？
提问于 2015-07-08 19:26:38
<img id="lighthouse_Logo" src="{{ STATIC_URL }}img/icons/lighthouse_Logo.png" />Css
img#lighthouse_Logo{
height: auto;
width: auto;
max-width:500px;}我怎样才能做到这一点？
回答 3
Stack Overflow用户
发布于 2015-07-08 19:36:08
正如你所说的，中间而不是中间，我想你指的是水平：
将margin: 0 auto;添加到css中。
如果您的意思是垂直的，这应该是有效的：
position: relative;
top: 50%;
transform: translateY(-50%);Stack Overflow用户
发布于 2015-07-08 19:38:06
#Lighthouse_Logo {
width: auto;
height: auto:
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}Stack Overflow用户
发布于 2015-07-08 21:39:35
此代码将徽标放置在屏幕中心(水平和垂直)：
#Lighthouse_Logo {
width: 600px;
height: 400px:
position: absolute;
top:50%;
left:50%;
margin: -200px 0 0 -300px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31301910
复制相关文章
相似问题
腾讯云开发者
