在图片标签的源上设置高度

Question

当加载包含图片标记的页面时，文本会在加载图像时跳转，因为浏览器不知道图像的高度。如何为每个来源指定图像高度？

Answer 1

有三种不同的方法可以实现这个目标

• 使用HTML img height属性。手动检查图像高度并进行设置。 （不推荐）

• 在每个断点上使用CSS min-height属性（更好一点）

• Preload the images using javascript，然后显示一个动画加载器，它会滑动并填充图像高度，直到它淡入。（需要更多的工作，但绝对是干净渲染的最佳解决方案）。

  < / LI>

Answer 2

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

请改用<img height="x" width="y" src="myimage">。这样，当未加载图像时，空白容器将从开头

开始适合最终尺寸

Answer 3

一种方法是使用jQuery库来获取所有标记find . -iname "*.php" | xargs xgettext -j --from-code=UTF-8 -o locale/default.pot 并以编程方式设置属性“height”和“width”。