子元素多行文字如何垂直居中显示？

如何在子元素多行文字的情况下，垂直居中显示

对于这样的问题：“

这种情况下，子元素多行文字如何垂直居中？

<!doctype html><br><html lang="en"><br><head><br>  <meta charset="utf-8"><br>  <meta name="viewport" content="width=device-width, initial-scale=1.0"><br>  <title>document</title><br>  <style></p>.box1 {
  width: 100px;
  height: 300px;
  border: 1px solid red;
  word-wrap: break-word;
}
.box {
  display: flex;
  align-items: center;
  height: 500px;
  border: 1px solid blue;
}




<div class="box1">1234aaaaaaaaaaaaaaaaaaaaa</div>




以上就是子元素多行文字如何垂直居中显示？的详细内容，更多请关注其它相关文章！