gpt4 book ai didi

css - Bootstrap - 如何将 div 从右上左下居中?

转载 作者:行者123 更新时间:2023-11-28 07:01:09 26 4
gpt4 key购买 nike

使用 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%);
}

关于css - Bootstrap - 如何将 div 从右上左下居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33224916/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com