子元素多行文字如何垂直居中显示？
时间：2024-11-30 14:19:09 193浏览 收藏
IT行业相对于一般传统行业，发展更新速度更快，一旦停止了学习，很快就会被行业所淘汰。所以我们需要踏踏实实的不断学习，精进自己的技术，尤其是初学者。今天golang学习网给大家整理了《子元素多行文字如何垂直居中显示？》，聊聊，我们一起来看看吧！
如何在子元素多行文字的情况下，垂直居中显示
对于这样的问题：“
这种情况下，子元素多行文字如何垂直居中？
<!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><pre class="brush:php;toolbar:false">.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>