<!DOCTYPE html>
<html lang="en"><head> <meta charset="UTF-8" /> <title>任意盒子居中display:flex</title> <style type="text/css"> *{ margin:0; padding:0; } html,body{ height:100%; } .element{ height:100%; width: 100%; background-color:blue; display: flex; justify-content: center; align-items: center; }</style>
</head><body><!-- 这种兼容不是很好 --><div class="element"> <img src="1.jpg" alt="" /></div></body></html>