<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字垂直居中</title> <style type="text/css"> .demo{ width: 100%; text-align: center; font-size: 20px; height: 100px; line-height: 100px; background-color: #f2f2f2; } </style> </head> <body> <div class="demo">line-height文字垂直居中</div> </body> </html>