必须满足三个条件:
①先强制一行内显示文本
white-space: nowrap; ( 默认 normal自动换行)
②超出的部分隐藏
overflow:hidden;
③文字用省略号替代超出的部分
text-overflow: ellipsis;
<style>
.show {
margin: 30px auto;
width: 100px;
height: 50px;
background-color: pink;
/* 1.先强制一行内显示文本 */
white-space: nowrap;
/* 2.超出的部分隐藏 */
overflow: hidden;
/* 3.文字用省略号替代超出的部分 */
text-overflow: ellipsis;
}
</style>
</head>
<body>
<div class="show">啥也不想说,此次省略一万字</div>
</body>