文字超出变为省略号

最新推荐文章于 2024-01-23 10:12:28 发布

机器猫zhao

最新推荐文章于 2024-01-23 10:12:28 发布

阅读量524

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/zx_p24/article/details/52981607

版权

css 专栏收录该内容

11 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="http://r01.uzaicdn.com/content/v1/styles/subject.css"> 
	<link rel="stylesheet" href="styles/lianxi.css">
	<script src="http://r01.uzaicdn.com/content/v1/scripts/core.js"></script>
	<script src="scripts/lianxi.js"></script>
	<!--[if lt IE 9]><script src="//r.uzaicdn.com/content/libs/html5shiv.js"></script><![endif]-->
	<!--[if IE 6]><script src="//r.uzaicdn.com/content/libs/dd_belatedpng_0.0.8a-min.js" type="text/javascript"></script><script>DD_belatedPNG.fix('.png');</script><![endif]-->
	<style type='text/css'>
		.p1{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:100px;height: 20px;background: pink;margin:0 auto;}
	</style>
</head>
<body>
 	<p class="p1">前端是一个不错的职业</p>
</body>
 

</html>


</head>
<body>
 	<p class="p1">前端是一个不错的职业</p>
</body>
 

</html>