Html 如何使用css3使文本框顶部与bluebox中的对齐？

我想让文本框在蓝色框的顶部，文本框中的文本将对齐中间。这是我的密码

.家长{ 高度：60px； 宽度：200px； 填充：17px 15px 15px 15px； 右边距：10px； 浮动：左； 背景：RGBA255255,0.3； 字号：26px； 文本对齐：居中； 边框顶部：35px； 左边框：1px； 右边界：1px； 边框底部：1px； 边框颜色：00bff； 边框样式：实心； 边界半径：11px； } .parent>.child{ 垂直对齐：中间对齐； 文本对齐：居中； 背景：00bff； } 1111GGGGG1 您可以使用位置、顶部和宽度属性：

.家长{ 位置：相对；/*已添加*/ 高度：60px； 宽度：200px； 填充：17px 15px 15px 15px； 右边距：10px； 浮动：左； 背景：RGBA255255,0.3； 字号：26px； 文本对齐：居中； 边框顶部：35px； 左边框：1px； 右边界：1px； 边框底部：1px； 边框颜色：00bff； 边框样式：实心； 边界半径：11px； } .parent>.child{ 位置：绝对；/*已添加*/ 顶部：-35px；/*因为顶部边框是35px*/ 宽度：200px；/*与父级相同*/ /*不需要 垂直对齐：中间对齐； 文本对齐：居中； 背景：00bff； */ } 1111GGGGG1

---

很难弄清楚你想要实现什么。你能发布一张期望结果的图片/截图吗？避免这样的内联样式。很难阅读和排除故障。改为使用样式表。我猜您想将文本置于该框的中心，请选中添加填充顶部：0；在父元素上就足够了！在子元素上不需要任何其他规则。不要忘记绝对定位会从页面流中删除元素！如果那是真的，我可能会这么做。有很多方法可以做到这一点，这只是可能的解决方案之一。如果你喜欢的话，我会添加更多。但是有一个解决方案比其他解决方案更好！没错，这不是最理想的，但已经足够了。稍后将添加更多内容。