下图绿色框水平垂直居中,你是怎么做到的?也许每个人都有自己的使用方式。下面是我总结的几种方法。废话不多说,直接上菜。1、使用绝对定位方式:top和left偏移50%,向后偏移margin。适合:已经具有固定大小的元素。响应,根据实际需要可能需要js操作。div1{背景:黄金;宽度:500px;高度:500px;位置:相对;}div2{宽度:400px;高度:400px;背景:绿黄色;:-200px;margin-left:-200px;

下图绿色框水平垂直居中,你是怎么做到的?也许每个人都有自己的使用方式。下面是我总结的几种方法。废话不多说,直接上菜。1、使用绝对定位方式:top和left偏移50%,向后偏移margin。适合:已经具有固定大小的元素。响应,根据实际需要可能需要js操作。div1{背景:黄金;宽度:500px;高度:500px;位置:相对;}div2{宽度:400px;高度:400px;背景:绿黄色;:-200px;margin-left:-200px;