Bootstrap - 如何将 div 从右上左下居中?
Bootstrap - how to center a div from right left top and bottom?
使用 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。
有什么解决方案可以使它们都起作用吗?
这是解决方案
#logo{
position:absolute;
top:50%;
left: 50%;
width: 100%;
height: auto;
max-width: 500px;
transform: translate(-50%,-50%);
}
使用 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。 有什么解决方案可以使它们都起作用吗?
这是解决方案
#logo{
position:absolute;
top:50%;
left: 50%;
width: 100%;
height: auto;
max-width: 500px;
transform: translate(-50%,-50%);
}