<!DOCTYPE html>
<html>
<head>
<style>
.test
{
border:1px solid #000000;
/*
1、得是以配置为inline-block的元素，或默认以block呈现的div、p元素
2、强制不换行
3、固定宽度
4、超出部分隐藏
5、超出部分以'...'结尾
*/
display: inline-block;
white-space: nowrap;
width: 140px;
overflow: hidden;
text-overflow:ellipsis;
}
</style>
</head>
<body>
<label class="test" >
This is some long text that will not fit in the box
</label>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style>
.test
{
阅读背景：
CSS让文本只显示一行，超出部分隐藏或以三个点结束
来源：互联网
分享到：
