首页麻烦给我生成一个网页，里面有一个垂直居中的盒子

麻烦给我生成一个网页，里面有一个垂直居中的盒子

时间: 2024-05-19 08:14:38 浏览: 62

<!DOCTYPE html> <html> <head> <title>垂直居中的盒子</title> <style type="text/css"> body { margin: 0; padding: 0; height: 100vh; display: flex; justify-content: center; align-items: center; } .box { width: 300px; height: 200px; background-color: #ccc; display: flex; justify-content: center; align-items: center; } </style> </head> <body> <div class="box"> <h1>垂直居中的盒子</h1> </div> </body> </html>

阅读全文