这次给大家带来怎样隐藏文本的超出部分，隐藏文本超出部分的注意事项有哪些，下面就是实战案例，一起来看一下。
文本超出部分隐藏，总结两种方法。
1、单行隐藏
html代码
<p class="mi">当文字超过范围的时候，超出部分会隐藏起来。</p>
css代码
.mi {
width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
}2、多行隐藏
html代码
<p class="mi">当文字超过范围的时候，超出部分会隐藏起来。可以设置第几行开始隐藏。</p>
css代码
.mi {
width: 200px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
推荐阅读：
以上是怎样隐藏文本的超出部分的详细内容。更多信息请关注PHP中文网其他相关文章！
