css 垂直居中
1.flex
当希望一个元素垂直居中的时候,又不想操作这个元素
可以在该元素的父元素上设置
display: flex; justify-content: center; // 水平居中 align-items: center; // 垂直居中
2.子元素的 margin 0 auto只能 水平居中(常规文档流)
3.text-align是元素文本对齐方式(设置在父元素上)水平方向
4.水平垂直居中,子元素相对定位,top,let设为50%,transform: translate(-50%, -50%);
这种方式并不会释放子元素在文档中所占的位置
本人是一个技术爱好者
1.但是每个技术爱好者都是从萌新开始的
2.我所有的博文都是我各方资料查阅(看的比较乱比较杂,因为有些是群里讨论等等来源,无法辨别出处,所以我的文章都是没有写明出处,都是我个人消化后整理,)
3.但是没有经过我实践的我一般会标注
4.希望大家共同交流共同进步,指出我的不足 谢谢

浙公网安备 33010602011771号