求css3图片自动裁剪的写法!有示意图。

发布网友发布时间：2022-04-06 11:35

共3个回答

热心网友时间：2022-04-06 13:05

框框宽高比例不变：直接设置该 img 的 max-width:100%; 就可以了。

比例要变，要图片自动被 div 切掉一些再居中的话，恐怕只有用js结合才能实现了。

热心网友时间：2022-04-06 14:23

这段代码可以实现图片宽高自适应，并且不破坏比例。在ie8以上浏览器显示无问题。
首先，是图片外层div的css

div {
width: 200px;
height: 150px;
text-align: center;
vertical-align: middle;
display: table-cell;
}

内层img图片的css

img {
max-width:200px;

max-height:150px;

}

热心网友时间：2022-04-06 15:57

还是把图片设置成背景吧。这个问题我也是第一次听说。

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com