0
点赞
收藏
分享

微信扫一扫

css中让盒子垂直水平居中的三种方法

芷兮离离 2022-03-12 阅读 56
csscss3html

1.定位

top:50%;

left:50%;

magintop负父盒子高度的一半

maginleft负父盒子宽度的一半

2.四周的方位值设为零

top:0;

left:0;

right:0:

bottom:0;

magin:auto

 3.位移

left:50%;

top:50%;

 transform:translate:(-50% -50%)                                                                                                                                

magin与位移的区别

  • margin移动盒子影响其余的盒子。把其他人挤走。

  • 位移translate移动盒子不会影响其他的盒子。不脱标。

  • 位移移动的时候可以写百分比,如果使用的百分比,移动的是盒子自身的宽度

 

举报

相关推荐

0 条评论