vue图片在设置好的div里面自动适应宽高，图片显示全部，不够宽高的留空白

<div class="rightullidiv">
                  <img
                    :src="item.pic"
                    alt=""
                    class="rightulliimg"
                  >
</div>
样式
.rightullidiv {
     width: 100%;
     height: 200px;
     background: #f2f2f2;
     display: flex;
     justify-content: center;
     align-items: center;
          .rightulliimg {
            max-width: 100%;
            max-height: 200px;
          }
}