求css3图片自动裁剪的写法！有示意图。
答案:3 悬赏:30 手机版
解决时间 2021-01-17 09:43
- 提问者网友：欲劫无渡
- 2021-01-16 15:18
求css3图片自动裁剪的写法！有示意图。
最佳答案
- 五星知识达人网友：第幾種人
- 2021-01-16 16:11
这段代码可以实现图片宽高自适应，并且不破坏比例。在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;
}
首先，是图片外层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;
}
全部回答
- 1楼网友：愁杀梦里人
- 2021-01-16 17:15
框框宽高比例不变：直接设置该 img 的 max-width:100%; 就可以了。
比例要变，要图片自动被 div 切掉一些再居中的话，恐怕只有用js结合才能实现了。
比例要变，要图片自动被 div 切掉一些再居中的话，恐怕只有用js结合才能实现了。
- 2楼网友：拜訪者
- 2021-01-16 17:03
还是把图片设置成背景吧。这个问题我也是第一次听说。
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯