我有一张图片,水平和垂直都居中显示
#logo01{
position:absolute;
top:50%;
left:50%;
margin-top:-146px; // half of height
margin-left:-229px; // half of width
cursor:pointer;
}
现在我需要一个响应式设计,因此:
#logo01{
max-width:45%;
max-height:45%;
}
它可以正常工作,但是位置会丢失。如何同时保持图像居中和响应式?
auto
的margin属性在垂直对齐或绝对定位中不起作用,那这怎么能帮助他呢? - slash197