设置图片来源标签的高度

Question

加载包含图片标签的页面时，文本会随着图像的加载而跳跃，因为浏览器不知道图像有多高。如何为每个源指定图像高度？

Answer 1

有3种不同的方法可以做到这一点。

使用HTML

• 属性的img高度。手动检查图像高度并进行设置。(不是在每个断点上填充CSS min-height属性(然后显示一个动画加载器，该加载器将slideDown并填充图像高度，直到它淡入。(需要更多工作，但绝对是干净渲染的最佳解决方案)。

Answer 2

这是由您的<img>标签引起的，您没有指定他的高度

请改用<img height="x" width="y" src="myimage">。这样，当未加载图像时，空白容器将从一开始就适合最终尺寸

Answer 3

一种方法是使用jQuery库以编程方式获取所有标签的高度，并设置属性“<img />”和"width“。