Html 如何在母div中包装的div中居中文本

我试图将一块文本放在主容器中包含的图像旁边的中心位置。出于某种原因。我把文本的黑色集中在页面的中间，而不是容器。

.wrapper{
显示：内联块；
宽度：240px；
高度：200px
}
.textblock{
显示：内联块；
最大宽度：300px；
位置：绝对位置；
左：50%；
最高：50%；
底部：自动；
右：自动；
}

标题
这里有些段落

.textblock{
显示：内联块；
最大宽度：300px；
位置：相对位置；
左：50%；
最高：50%；
底部：自动；
右：自动；
}
.这个{
显示：内联块；
}

标题
这里有些段落

.textblock{
显示：内联块；
最大宽度：300px；
位置：相对位置；
左：50%；
最高：50%；
底部：自动；
右：自动；
}
.这个{
显示：内联块；
}

标题
这里有些段落

您应该添加：

.wrapper {
  position: relative;
}

您应该添加：

.wrapper {
  position: relative;
}

---

这是您要求的第二个解决方案（针对多个图像/文本制作；我认为您可能需要它）：

*{margin:0；padding:0；框大小：border-box}
html，正文{宽度：100%}
.包装纸{
宽度：1200px；/*已更改*/
最大宽度：100%；
保证金：0自动；
}
.wrapper>.box{
显示器：flex；
边缘底部：10px；
背景：添加薰衣草；/*以更好地呈现*/
}
.wrapper>.box:最后一个子项{
页边距底部：0；/*可选；将父包装中最后一个子框/元素的页边距底部设置为0*/
}
.wrapper>.box>img{
弹性：7.2；/*增加；表示60%*/
显示：块；
宽度：自动；
高度：自动；
最大宽度：100%；
最大高度：100%；
}
.wrapper>.box>.textblock{
flex:4.8；/*增加；表示40%；7.2+4.8=12；因为包装宽度为1200px*/
显示器：flex；
弯曲方向：立柱；
对齐内容：间距均匀；/*垂直对齐，可以尝试的其他值：间距；周围间距；柔性起点；中心；柔性终点*/
对齐项目：居中；/*水平对齐，在：文本对齐：居中*/
}
/*改为480px*/
@媒体屏幕和屏幕（最大宽度：480px）{
.wrapper>.box{
flex direction:column；/*将它们一个堆叠在另一个之上，即两行*/
}
}

标题
这里有一段

标题
这里有一段

标题
这里有一段

这是您要求的第二个解决方案（针对多个图像/文本制作；我想您可能需要它）：

*{margin:0；padding:0；框大小：border-box}
html，正文{宽度：100%}
.包装纸{
宽度：1200px；/*已更改*/
最大宽度：100%；
保证金：0自动；
}
.wrapper>.box{
显示器：flex；
边缘底部：10px；
背景：添加薰衣草；/*以更好地呈现*/
}
.wrapper>.box:最后一个子项{
页边距底部：0；/*可选；将父包装中最后一个子框/元素的页边距底部设置为0*/
}
.wrapper>.box>img{
弹性：7.2；/*增加；表示60%*/
显示：块；
宽度：自动；
高度：自动；
最大宽度：100%；
最大高度：100%；
}
.wrapper>.box>.textblock{
flex:4.8；/*增加；表示40%；7.2+4.8=12；因为包装宽度为1200px*/
显示器：flex；
弯曲方向：立柱；
对齐内容：间距均匀；/*垂直对齐，可以尝试的其他值：间距；周围间距；柔性起点；中心；柔性终点*/
对齐项目：居中；/*水平对齐，在：文本对齐：居中*/
}
/*改为480px*/
@媒体屏幕和屏幕（最大宽度：480px）{
.wrapper>.box{
flex direction:column；/*将它们一个堆叠在另一个之上，即两行*/
}
}

标题
这里有一段

标题
这里有一段

标题
这里有一段

OMg@tomsmithweb。你是一个传奇。谢谢。它工作得很好。谢谢你，tomsmithweb。你是一个传奇。谢谢。它工作得很好。感谢HANKS，但“文本对齐”属性不会在主容器中水平和垂直居中。无论如何，谢谢，这可能是因为你使用的是绝对位置，上面的是你想要的吗？是的，卡提克。以上内容几乎与我所追求的内容相近，除非我坚持让它具有响应性。绝对位置似乎是个问题，但我也会探讨你的选择。。再次感谢..创建“this”类内联块并删除包装器类上的样式确实很麻烦，但是text align属性不会在主容器中水平和垂直居中。无论如何，谢谢，这可能是因为你使用的是绝对位置，上面的是你想要的吗？是的，卡提克。以上内容几乎与我所追求的内容相近，除非我坚持让它具有响应性。绝对位置似乎是个问题，但我也会探讨你的选择。。再次感谢..制作“this”类内联块并删除包装类上的样式做了很多，非常感谢。非常感谢。