h1 {
white-space: pre; // 相当于html中的pre标签,有多少空格就显示多少空格,保留空白
// white-space: pre-wrap; 保留空白与换行符,如果是nowrap表示不换行
}
<h1>测试文本测试文本测试文本测试文本测试文 本测试文本测试文本测试文本测试文本测试文本测试文本测试
文本测试文本测试文本测试文本测试文本测试文本
</h1>
div {
border: solid 1px #ddd;
width: 100px;
white-space: nowrap; // 不换行
overflow: hidden; // 溢出部分隐藏
text-overflow: ellipsis; // 文本溢出部分不截断,以...显示
}
<div>
测试文本测试文本测试文本测试文本测试文
</div>