cari

Rumah  >  Soal Jawab  >  teks badan

javascript - 如何让img图片对原图从中心不压缩的截取?

<p class="img">
    <img src="images/logo.png"/>
</p>
                
                
.img{
width:100px;
max-height:100px;
overflow:hidden;
}
.img img{
    width:100%;
    height:100%;
}

我想让任何图片都显示大小为宽度为100px;最大高度为100px;但是默认情况下的截取都是从左上角截取的,怎么让这个图片从中间截取的呢?

ringa_leeringa_lee2804 hari yang lalu536

membalas semua(2)saya akan balas

  • 迷茫

    迷茫2017-04-10 16:59:03

    background:url() center no-repeat 试试

    balas
    0
  • PHPz

    PHPz2017-04-10 16:59:03

    实现方式还是挺多的,可以利用background,然后background-position去居中
    也可以在p设置overflow:hidden,然后img用绝对定位去居中

    balas
    0
  • Batalbalas