当前位置: 首页 > Web前端 > HTML

问题19:有多少种方法可以使div水平居中和垂直居中?

时间:2023-04-02 13:38:57 HTML

实现上面的效果,这里介绍几个常用的方法,个人推荐使用flex布局实现方法1(使用边距和绝对定位)html

css.container{position:relative;宽度:150px;高度:150px;背景色:#000;.box{边距:自动;位置:绝对;顶部:0;右:0;底部:0;左:0;宽度:50px;高度:50px;背景色:#fff;弹性布局)html
css.container{position:relative;宽度:150px;高度:150px;背景颜色:#000;显示:弹性;证明内容:居中;对齐项目:居中;.box{宽度:50px;高度:50px;背景色:#fff;维护/更新500+前端面试题/笔记]https://github.com/noxussj/In...[大数据可视化图表插件]https://www.npmjs.com/package...【使用THREE.JS实现3D城市建模(珠海市)】https://3d.noxussj.top/