纵有疾风起
人生不言弃

css使Img图片居中显示

<div class="flex-center listing-img">    <img v-if="item.imgUrl" v-bind:src="item.imgUrl" alt="not find picture">    <img v-if="!item.imgUrl" src="../../assets/img/detail-not-image.png"alt="not find picture" v-sf-img></div> img1是默认显示图片.listing-img{
  width:
100%; min-height: 270px; max-height: 320px;}.listing-img>img{  display: inline-block; height: auto; max-width: 100%; max-height: 320px;}.flex-center {  display: flex;  justify-content: center;  align-items: center;}

 

文章转载于:https://www.cnblogs.com/wuliujun521/p/11589474.html

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » css使Img图片居中显示

分享到: 生成海报
avatar

评论 抢沙发

评论前必须登录!

立即登录   注册

切换注册

登录

忘记密码 ?

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活