我有一堆图像,它们的宽度和高度各不相同。
有些是正方形,有些是矩形,但我希望它们全部都是我选择的宽度和高度。
我知道我可以在中使用 width="" 和 height=""
那么,我正在寻找的是一个可能的 javascript 解决方案,也许使用 jQuery,它将动态地从中心裁剪图像?
这可能吗?
您可以使用 CSS 将图像放置在容器内。然后确保该容器上设置了溢出:隐藏。
例如:
<style>
.container { position: relative; overflow: hidden; }
.container img { position: absolute; }
</style>
<div class="container">
<img src="..."/>
</div>
<script type="text/javascript">
$image = $('.container img');
width = $image.width();
height = $image.height();
$image.css({
left: 0 - (width / 2),
top: 0 - (height / 2)
});
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)