1.无论是否知道宽高
a.包含块一定得是容器
b.position:absolute
,left:50%;top:50%
,
c. transform:translate3d(-50%,-50%,0);
(abc是一个方案的三个步骤)
2. 已知宽高:
方案一:
position:absolute; lrtb=0; margin=auto
包含块的width = left+right+width+padding+margin
包含块的height = top+bottom+height+padding+margin
方案二:
a.包含块一定得是容器
b.position:absolute
,left:50%;top:50%
,
c. marginT/L=-50%(自身)
3. 未知宽高:
flex
网友评论