html - 如何在加载页面之前保存图像的位置？

Question

我在 Chrome 中遇到图像问题:

当页面加载时，首先出现文本，然后文本移动，最后出现图像。

我会在屏幕截图中显示(如果有人想要我可以给你一个网站链接)

加载图片之前

之后:

我已经设置了图片的大小。

HTML:

 <img alt="I_01" height="66" src="http://91.228.126.168:3000/images/i_01.png" width="73">

和 CSS(如您所见，我正在使用 Bootstrap):

  .second .span4 img {
  padding-right: 10px;
  float: left;
  }

问题:我需要添加什么才能使它们正确加载？我应该怎么做才能防止图像加载导致性能下降？

Answer 1

你好，现在已经习惯了 anchor 链接中的背景图片

像这样

CSS

.textline{
display:inline-block;
  text-decoration:none;
  color:black;
  vertical-align:top;
  background:url('http://91.228.126.168:3000/images/i_01.png') no-repeat 0 0;
  padding-left:80px;
line-height:70px;
}

HTML

<a href="#" class="textline"> link Text</a>

Demo link