<html><head><style>.outer { display: flex; align-items: center; justify-content: center; height: 100px; width: 200px; background-color: green; } .inner { background-color: lightgray; padding: 20px; text-align: center; } </style></head><bodystyle="margin:0;padding:0"><divclass="outer"><divclass="inner"> inner </div></div></body></html>
主要使用display: flex;align-items: center;justify-content: center;三个属性
