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

设置图片水平和垂直居中

时间:2023-03-31 13:53:34 CSS

第一种:作为元素背景图片

第二种:img标签方式一:flex布局方式
2:display:table-cell+vertical-对齐:middle
3:position绝对定位<样式>#app{宽度:500px;高度:500px;位置:相对}img{位置:相对;顶部:50%;左:50%;转换:翻译(-50%,-50%)}
4:vertical-align设置垂直居中