1. 网络慢的时候,会只加载html内容,不加载css样式,页面只显示html的文字内容。
显示的效果:
解决办法(1):
a {
display: inline-block;
width: 190px;
height: 140px;
border: 1px solid black;
background-image: url(https://img.alicdn.com/tfs/TB1reRSv8jTBKNjSZFwXXcG4XXa-190-140.gif);
white-space: nowrap;
text-indent: 200px;
overflow: hidden;
}
解决办法(2):
content区:宽190px;高:0px;padding-top:140px;这样图片就在padding-top区域;因为图片默认是从border-box开始的
a {
display: inline-block;
width: 190px;
height: 0px;
border: 1px solid black;
background-image: url(https://img.alicdn.com/tfs/TB1reRSv8jTBKNjSZFwXXcG4XXa-190-140.gif);
padding-top: 140px;
overflow: hidden;
}