加载不出css时用文字展示_css中,无数据时显示文字-优快云博客

本文链接：https://blog.youkuaiyun.com/shbk_/article/details/113522909

方法一

text-indent: 200px;
white-space: nowrap;
overflow: hidden;

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>淘宝网</title>
		<link rel="stylesheet" type="text/css" href="../css/淘宝网.css"/>
	</head>
	<body>
		<a href="http://www.taobao.com" target="_blank">淘宝网</a>
	</body>
</html>

a{
	display: inline-block;
	width: 190px;
	height: 90px;
	color: #424242;
	text-decoration: none;
	border: 1px solid black;
	background-image: url(https://img.alicdn.com/tfs/TB1_uT8a5ERMeJjSspiXXbZLFXa-143-59.png);
	background-size: 190px 90px;
	
	/*首行缩进*/
	text-indent: 200px;
	white-space: nowrap;
	overflow: hidden;
}

方法二

height: 0px;	
padding-top: 90px;
overflow: hidden;

a{
	display: inline-block;
	width: 190px;
	
	height: 0px;
	
	padding-top: 90px;
	overflow: hidden;
	
	color: #424242;
	text-decoration: none;
	border: 1px solid black;
	background-image: url(https://img.alicdn.com/tfs/TB1_uT8a5ERMeJjSspiXXbZLFXa-143-59.png);
	background-size: 190px 90px;
}