css如何实现宽高不一的图片水平垂直居中?要能响应式 -问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

css如何实现宽高不一的图片水平垂直居中?要能响应式

麻烦各位了,求大神

展开
收起
杨冬芳 2016-06-06 16:46:39 2097 0
1 条回答
写回答
取消 提交回答
  • IT从业

    1

    position:absolute; top: 0;left: 0;right: 0;bottom:0;width:auto;height: auto;margin: auto;

    2

    display: table-cell; text-align: center; vertical-align: middle;

    3

    position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); 

    4

    display: flex; justify-content: center; align-items: center;
    2019-07-17 19:28:59
    赞同 展开评论 打赏
问答排行榜
最热
最新
相关电子书
更多
零基础CSS入门教程
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载