相思资源网 Design By www.200059.com
文本超出部分隐藏，总结两种方法。
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;
}
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！
标签：
文本超出隐藏，css文本超出隐藏
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无文本超出部分隐藏的两种方法的评论...