html [css：center-a-position-absolute-element] #css

Posted 2021-05-11

<style>
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
/*way 2
  good solution for responsive design or unknown dimensions in general
  */
.centered-axis-x {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
.centered-axis-xy {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
</style>