|
本文主要介绍了文本超出部分隐藏的两种方法：单行隐藏和多行隐藏。具有一定的参考价值，下面跟着小编一起来看下吧
文本超出部分隐藏，总结两种方法。
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;
}
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！ | 
发表于 2017-1-6 16:43:34
