CSS 图片居中显示不变形,显示图片中间部分

来源:互联网 发布:社会网络就是社会资本 编辑:程序博客网 时间:2024/05/01 15:14

<div style="background-image:url(这里填写图片的路径});background-repeat: no-repeat;background-position:center center;width:165px;height:105px;background-size: cover;"></div>

其他属性没什么可说的,不懂自己百度,

最后一个属性,值得注意的两个值:cover和contain

因为w3school说的有点绕, 简单说明一下

cover:让图片填充满父节点,超出部分隐藏,仅显示中间,这才是我们想要的效果。

contain:让图片根据父节点宽高等比例缩放。



0 0
原创粉丝点击