css语法如何实现图片居中对齐,下面web建站小编给大家简单介绍一下几种方法?
方法一:兼容低版本浏览器
div { position: relative; } div img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
方法二:兼容高版本浏览器
div{ display: flex; justify-content: center; align-items: center; } div img { max-width: 100%; max-height: 100%; }
Motion Vue:无需编写复杂的命令式代码,轻松实现动画效果
ButtonsGenerator:一个免费的CSS按钮在线生成工具
汇聚全网热榜API,包括百度/微博/哔哩/抖音/今日头条/百度贴吧等等
标签: css图片居中
上面是“css实现图片居中对齐有哪些方法?”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。
当前网址:https://m.ipkd.cn/webs_4883.html
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!