我知道的有两种方法
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style> * { padding: 0; margin: 0; } .tith1 { display: flex; justify-content: center; align-items: center; background: red; } .tith2 { text-align: center; width: 100%; display: table; background: blue; } .tith2 > span { display: table-cell; vertical-align: middle; } </style> <body> <p > <span>123</span> </p> <p > <span>123</span> </p> </body></html>
