如何垂直居中多行文字的子元素

在上面的HTML代码中，开发者希望垂直居中<div class="box1">中的多行文字。

要实现这个效果，需要修改子元素<div class="box1">的样式：

.box1 {
  ...
  display: flex;           // 设置为flex元素
  align-items: center;    // 垂直居中
  word-break: break-all;  // 允许单词换行
}