css – 如何将绝对位置对中?

前端之家收集整理的这篇文章主要介绍了css – 如何将绝对位置对中?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图把两个帆布在一起,使它成为双层帆布。

我在这里看到一个例子:

<div style="position: relative;">
 <canvas id="layer1" width="100" height="100" 
   style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
 <canvas id="layer2" width="100" height="100" 
   style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas>
</div>

但我想设置两个画布对齐在屏幕的中心。如果我将“左”的值设置为常量,而我改变屏幕的方向(因为我在iPad上执行aps),画布不会停留在屏幕的中间,就像它的行为

<div align="center">

任何人都可以帮助?

解决方法

如果将左右都设置为零,将左右边距设置为自动,则可以将绝对定位的元素居中。
position:absolute;
left:0;
right:0;
margin-left:auto;
margin-right:auto;

猜你在找的CSS相关文章