(编辑：jimmy 日期: 2024/10/31 浏览：2)
文本超出部分隐藏，总结两种方法。
1、单行隐藏
html代码
<div class="mi">当文字超过范围的时候，超出部分会隐藏起来。</div>
css代码
.mi {
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}
2、多行隐藏
html代码
<div class="mi">当文字超过范围的时候，超出部分会隐藏起来。可以设置第几行开始隐藏。</div>
css代码
.mi {
width: 200px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！