css实现图片大小自适应且上下左右居中

最新推荐文章于 2022-09-26 17:44:38 发布

weixin_44891920

最新推荐文章于 2022-09-26 17:44:38 发布

阅读量1k

点赞数

分类专栏： css 文章标签： css css3 html html5

本文链接：https://blog.csdn.net/weixin_44891920/article/details/105242976

版权

css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

css实现图片大小自适应且上下左右居中
css：

#img_body {
        width: 130px;
        height: 150px;
        text-align: center;
        position: relative;
    }

        #img_body img {
            max-height: 100%;
            max-width: 100%;
            position: absolute;
            top: 0px;
            bottom: 0px;
            margin: auto;
            left: 0px;
            right: 0px;
        }