使用Bootstrap - 如何将div从右侧,左侧,顶部和底部居中,并且能够使图片响应? 我试过这个:
#logo{
position:absolute;
top: 50%;
left: 50%;
width:500px;
height:200px;
margin-top: -100px; /*set to a negative number 1/2 of your height*/
margin-left: -250px; /*set to a negative number 1/2 of your width*/
}
但它禁用了img-responsive。 是否有任何解决方案可以使它们都起作用?
答案 0 :(得分:0)
此处的解决方案
#logo{
position:absolute;
top:50%;
left: 50%;
width: 100%;
height: auto;
max-width: 500px;
transform: translate(-50%,-50%);
}