1.使用弹性盒
//使用弹性盒 #box { width: 200px; height: 400px; background: lightblue; display: flex; align-items: center; } .con1 { width: 100px; height: 100px; background: lightpink; }
2.使用 绝对定位 + transform
3.使用绝对定位 + margin:auto
本文共 323 字,大约阅读时间需要 1 分钟。
1.使用弹性盒
//使用弹性盒 #box { width: 200px; height: 400px; background: lightblue; display: flex; align-items: center; } .con1 { width: 100px; height: 100px; background: lightpink; }
2.使用 绝对定位 + transform
3.使用绝对定位 + margin:auto
转载于:https://www.cnblogs.com/SRH151219/p/10401430.html