话不多说直接上代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>新老版本</title> <style> .box, .old { width: 500px; height: 500px; background-color: grey; } /* 新版本方法 */ .box { display: flex; justify-content: center; align-items: center; } /* 老版本方法 */ .old{ margin-top: 10px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; } .box .targit, .old .targit{ width: 200px; height: 200px; background-color: pink; } </style> </head> <body> <div class="box"> <div class="targit"></div> </div> <div class="old"> <div class="targit"></div> </div> </body> </html>效果图
