<!DOCTYPE html>
<html>
<head>
<style>
.div1 {
height: 45px;
line-height: 45px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100px;
}
</style>
</head>
<body>
<div class="div1">
<span>
asdfkjfdghkjlfdhjklhsjhjkashjkdfhjgk;saao;j
</span>
</div>
</body>
</html>
原文：https://www.cnblogs.com/enych/p/12129688.html