冬冬_79d4

关注

div中图片img水平垂直居中

冬冬_79d4

关注

阅读 131

2022-03-24

<div class="seeImg">
    <img :src="url"/>
</div>
    .seeImg {
        width: 100%;
        height: 100%;
        background: url("../assets/images/background.png") no-repeat center;
        background-size: 100% 100%;
        position: relative;
    }

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

相关推荐

查拉图斯特拉你和他

DIV水平垂直居中

查拉图斯特拉你和他 162 0 0

颜娘娘的碎碎念

面试:div水平垂直居中方案--img自适应

颜娘娘的碎碎念 205 0 0

水沐由之

图片垂直水平居中

水沐由之 111 0 0

程序员阿狸

html css div img垂直居中

程序员阿狸 164 0 0

半秋L

css实现div水平垂直居中

半秋L 197 0 0

史值拥

关于照片(img)的水平居中和垂直居中

史值拥 96 0 0

秀儿2020

子控件:水平居中,垂直居中,水平垂直居中

秀儿2020 97 0 0

影子喵喵喵

水平居中、垂直居中

影子喵喵喵 170 0 0

爱奔跑的读书者

jQuery实现DIV屏幕自动水平垂直居中

爱奔跑的读书者 124 0 0

尤克乔乔

CSS-实例-div 水平居中 垂直靠上

尤克乔乔 28 0 0

精彩评论(0)

0 0 举报