Html 使用css调整大小时,使元素以图像为中心

Html 使用css调整大小时,使元素以图像为中心,html,css,Html,Css,我必须让一个div跟随一个图像,并在响应时垂直和水平地坐在它的中心。我根本不知道或者不认为是否只有css才有可能。谢谢你的帮助 .imageWrapper{ 高度:200px; 宽度:200px; 位置:相对位置; 保证金:50px自动0px自动; } .imageWrapper>div:第一个孩子{ 位置:绝对位置; z指数:1; 顶部:0px; 左:0px; 右:0px; 底部:0px; 溢出:隐藏; } .imageWrapper>div:第一个子img{ 高度:200px; 宽度:10

我必须让一个div跟随一个图像,并在响应时垂直和水平地坐在它的中心。我根本不知道或者不认为是否只有css才有可能。谢谢你的帮助

.imageWrapper{
高度:200px;
宽度:200px;
位置:相对位置;
保证金:50px自动0px自动;
}
.imageWrapper>div:第一个孩子{
位置:绝对位置;
z指数:1;
顶部:0px;
左:0px;
右:0px;
底部:0px;
溢出:隐藏;
}
.imageWrapper>div:第一个子img{
高度:200px;
宽度:100%;
对象匹配:覆盖;
职位:相对
}
.imageWrapper>div:最后一个子项{
位置:相对位置;
z指数:2;
文本对齐:居中;
线高:200px;
高度:200px;
宽度:100%;
}

布拉布拉

.imageWrapper{
高度:200px;
宽度:200px;
位置:相对位置;
保证金:50px自动0px自动;
}
.imageWrapper>div:第一个孩子{
位置:绝对位置;
z指数:1;
顶部:0px;
左:0px;
右:0px;
底部:0px;
溢出:隐藏;
}
.imageWrapper>div:第一个子img{
高度:200px;
宽度:100%;
对象匹配:覆盖;
职位:相对
}
.imageWrapper>div:最后一个子项{
位置:相对位置;
z指数:2;
文本对齐:居中;
线高:200px;
高度:200px;
宽度:100%;
}

布拉布拉


您可以很好地利用旧技巧,使用位置属性来居中元素

像往常一样,一个例子比一个解释好

.html

<div class="parent">
  <div class="child"></div>
</div>

您可以很好地利用一个旧技巧,使用位置属性来居中元素

像往常一样,一个例子比一个解释好

.html

<div class="parent">
  <div class="child"></div>
</div>

是的,你可以使用CSS属性。我可以看看你的代码吗?是的,你可以使用CSS属性。我可以看看你的代码吗?