我正在尝试将一系列照片制成正方形照片.它们可以是水平方向(即600×400)或垂直(400×600),但是我想让它们成为175×175.我的想法是最大高度或最大宽度的较小的一面,不允许溢出超过175px在较大的一面…但是,我有问题.
这是否可能与css?
下面是我的尝试,但它仍然给矩形:
<div style="min-height:175px; overflow:hidden; max-height:175px;"> <img style="min-width:175px; overflow:hidden; max-height:175px;" src="/photo.png"> </div>
解决方法
您可以设置父div的宽度/高度,然后将child img标签设置为width:100%;身高:自动;
这将缩小图像,以尝试适应父母的纵横比.
您也可以将图像设置为div上的背景图像
那么如果你可以使用css3,你可以混淆background-size属性.
它的属性是:包含,覆盖或特定高度(50%,50%)(175px,175px)
您也可以尝试将图片与背景位置对齐
<div style="background-image:url(some.png); background-size: cover; background-position: 50%">
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。