<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p {
width: 200px;
background-color: yellow;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi exercitationem ipsam iusto magni minus nesciunt quaerat quod ratione rerum sit ut vero, vitae! Eos incidunt libero mollitia perferendis, quo sit?</p>
</body>
</html>
其他溢出可参考 overflow 属性进行处理