html - div内的CSS垂直对齐跨度

Question

所以我试图在父div内垂直对齐和水平文本框跨度，问题是它可以很好地对齐或对齐，而不是两者。如果它是单行文本，它可以正常工作，但如果它是一个长段落，需要多行父 div，它不会垂直对齐。

.objprevicnt {
position: absolute;
margin: 0;
top: 50%;
left: 50%;
width:inherit;
height:50px;
transform: translate(-50%, -50%);
}

我也在动态更改文本

document.getElementById("myid").innerHTML = 'some text';

所以它应该适当地重新定位。

你会认为这将是一件简单的事情，一个盒子在另一个盒子内的垂直和水平居中，无论盒子内的文本大小如何，都应该工作。

标签： htmlcss

Answer 1

我认为这些 CSS 属性会起作用。请试试这个。

#parent_div{
display:flex;
align-items:center;
direction:column;
}
#child_element{
display:flex;
align-self: center;
}