您现在的位置是:网站首页> 编程资料编程资料

文本超出部分隐藏的两种方法css3实现渐变、阴影、超出指定文本省略号显示等一些效果实例CSS文本超出指定宽度后隐藏并显示为省略号的实现方法CSS控制文本超出指定宽度显示省略号和文本不换行效果的实现CSS超出文本指定宽度用省略号代替和文本不换行CSS文本超出div或者span时用省略号代替 css实现li中文本超出行宽自动隐藏CSS文本超出2行就隐藏并且显示省略号

2021-09-04 1139人已围观

简介 本文主要介绍了文本超出部分隐藏的两种方法:单行隐藏和多行隐藏。具有一定的参考价值,下面跟着小编一起来看下吧

文本超出部分隐藏,总结两种方法。

1、单行隐藏

html代码

当文字超过范围的时候,超出部分会隐藏起来。

css代码

.mi { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; }

2、多行隐藏

html代码

当文字超过范围的时候,超出部分会隐藏起来。可以设置第几行开始隐藏。

css代码

.mi { width: 200px; overflow: hidden; display: -webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

相关内容

-六神源码网