javascript - 如何让img图片对原图从中心不压缩的截取?
ringa_lee
ringa_lee 2017-04-10 16:57:03
0
2
500

.img{ width:100px; max-height:100px; overflow:hidden; } .img img{ width:100%; height:100%; }

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

ringa_lee
ringa_lee

ringa_lee

reply all (2)
迷茫

background:url() center no-repeat试试

    PHPzhong

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

      Latest Downloads
      More>
      Web Effects
      Website Source Code
      Website Materials
      Front End Template
      About us Disclaimer Sitemap
      php.cn:Public welfare online PHP training,Help PHP learners grow quickly!