居中的问题
来源：2-18 编程练习
期限_
2021-02-16 14:52:46
div {
font-family: Arial;
font-size: 72px;
font-weight: bold;
position: fixed;
right: 0;
left: 0;
width: 30px;
height: 30px;
margin: auto;
transform: rotate(90deg);
/*此处写代码*/
bottom: 40px;
animation: r 1s linear .5s infinite ;
}
问题描述：
为什么设置 position: fixed; right: 0;left: 0;后还可以设置margin：auto，脱离文档流后这个属性不是失效了吗？
1回答
-
好帮手慕言
2021-02-18
同学你好，元素固定定位之后，还是可以使用margin：auto的，具体可以参考下方：
1、如果想在水平方向上居中，设置margin：auto之后，还需要把right和left值设置为0。
2、如果想在垂直方向上水平居中，设置margin：auto之后，还需要把top和bottom的值设置为0。
3、如果想在水平和垂直方向上都居中，设置margin：auto之后，还需要把top、bottom、right、left的值都设置为0。
祝学习愉快~
0
相似问题