我有一个包含文字的图像列表,但我收到的图像有不同的尺寸(全部大于150像素).我需要将它们全部裁剪为150x100px但保持正确的宽高比.有人可以建议解决这个问题的最佳方法吗?谢谢!
HTML:
<ul> <div class="post" id="post"> <div> <li> <img class="textwrap" src="{{ picture }}"> <a href="{{ link }}">{{ message }}</a><p> {{ time }} </li> </div> </ul>
CSS:
.post { width: 500px; margin-top: 15px; float: left; } .post img { width: 150px; height: 100px; margin-bottom: 15px; margin-right: 20px; } .textwrap { float: left; }
解决方法
原文地址:https://www.jb51.cc/html/226279.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。