我在 HTML 页面上有一组图像。
它们都设置了宽度和高度属性：
<img id="pic128540" width="88" height="78"
src="/document/show/0759122435f5333493726f9f1a845490?type=THUMBNAIL"
alt="2561_66794361-ad70-4b09-9dc6-4bc2e7024378_max_550_800.jpg">
see:
https://jsfiddle.net/papa_zulu/7vp4xvgc/ https://jsfiddle.net/papa_zulu/7vp4xvgc/
如果由于某些原因文件丢失，则会显示替代文本。
这是对的。
但我希望图片的大小保持恒定（类似于剪辑溢出），如宽度和高度参数中指定的那样。
有什么办法可以做到吗？
您可以使用 CSS 来实现这一点。使用display:block; and overflow:hidden;。此外，如果您想让图像彼此相邻显示，请使用float:left;.
自己尝试一下：
img {
float: left;
display: block;
overflow: hidden;
}
<img class="my-image" id="pic128540" width="88" height="78"
src="http://via.placeholder.com/88x78"
alt="2561_66794361-ad70-4b09-9dc6-4bc2e7024378_max_550_800.jpg">
<img class="my-image" id="pic128540" width="88" height="78"
src="/document/show/0759122435f5333493726f9f1a845490?type=THUMBNAIL"
alt="2561_66794361-ad70-4b09-9dc6-4bc2e7024378_max_550_800.jpg">
<img class="my-image" id="pic128540" width="88" height="78"
src="http://via.placeholder.com/88x78"
alt="2561_66794361-ad70-4b09-9dc6-4bc2e7024378_max_550_800.jpg">
如果你也想适配alt文本到容器的大小（此处：image），您可以使用像这里定义的那样的 JavaScript 函数：使文本适合容器 - HTML/Javascript https://stackoverflow.com/questions/24376897/fit-text-perfectly-inside-a-div-height-and-width-without-affecting-the-size-of.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
