<head>
<meta charset="UTF-8">
<title>多行文本垂直居中</title>
<style>.text-box {height: 200px;padding-top: 100px;padding-bottom: 100px;background-color: red;font-size: 25px;color: #333;text-align: center; }
</style>
</head>
<body>
<div class="text-box">这是第一行文字。<br>这是第二行，用来测试多行的效果。<br>无论有多少行，整个文字块都会保持在页面正中间。
</div>
</body>
