css部分 文本不换行把文字挤到一边去,不加载css部分时文字自然就回来了 也可通过调整内边距来实现,方法有很多种。
a{
display: inline-block;
width: 800px;
height: 1000px;
border:50 solid red;
background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1546498605592&di=c8934c3fda44e5922681dfbfb44a3c72&imgtype=0&src=http%3A%2F%2Ftvax3.sinaimg.cn%2Fcrop.0.0.1242.1242.1024%2F006mNWG1ly8fuhdm2vib9j30yi0yi40s.jpg) ;
background-repeat: no-repeat;
white-space: nowrap;
text-indent:800px;
overflow: hidden;
}
HTML部分
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片不能正常显示时文字代替</title>
<link rel="stylesheet" type="text/css" href="1.css">
</head>
<body>
<a href="https://baike.baidu.com/item/%E9%82%93%E4%BC%A6/10133303?fr=aladdin" >邓伦</a>
</body>
</html>