CSS限制字数,超出部份显示点点点...

最近项目中需要用CSS实现限制字数,超出部份显示点点点...，只需要几行代码即可：

width:400px;/*要显示文字的宽度*/
text-overflow :ellipsis; /*让截断的文字显示为点点。还有一个值是clip意截断不显示点点*/
white-space :nowrap; /*让文字不换行*/
overflow : hidden; /*超出要隐藏

一行内超出点点点

overflow:hidden; /*超出的部分隐藏起来。*/
white-space:nowrap;/*不显示的地方用省略号...代替*/
text-overflow:ellipsis;/* 支持 IE */

超出两行显示点点点

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
word-break: break-all;  // 注意这个文字多行很重要
-webkit-box-orient: vertical;

CSS限制字数,超出部份显示点点点...相关推荐

css超出字数展示点点点css限制字数超出部份显示点点点
一行内超出点点点 width:100px /*注意一定要有宽度*/ overflow:hidden; /*超出的部分隐藏起来.*/ white-space:nowrap;/*不显示的地方用省略号... ...
CSS控制文本超出打点显示
CSS控制文本超出打点显示 1 单行文本过长打点 2 多行文本打点显示 3 涉及的属性 3.1 white-space 3.2 text-overflow 1 单行文本过长打点只有1行文本时,需要满 ...
css设置不显示超出内容_显示...,css设置内容超出后显示省略号
1.使用overflow: hidden把超出的内容进行隐藏: 2.然后使用white-space: nowrap设置内容不换行: 3.最后使用text-overflow: ellipsis设置超出内 ...
CSS设置文本超出隐藏显示省略号
CSS设置文本超出隐藏显示省略号单行文本多行文本在线试一试单行文本 HTML代码如下: <pclass="ellipsis1"title="单行文本,超出隐 ...
html 文字超出部分,CSS控制文字超出部分显示省略号方法
我们经常会看到有些网站比较长的字符就会显示省略号了,实现这种效果有两个办法,一种利用程序截取字符,另一种利用css实现超出部分显示省略号,下面我来介绍第二种. 测试浏览器: IE6/7/8/9.ope ...
css设置内容超出后显示省略号
在写前端页面时,通常会遇到文字超出后显示省略号: 页面本来是这个样子的,第一行的文字超出已经压倒了下面的文字, 第一步,使用overflow: hidden把超出的内容进行隐藏,页面变成了这样第二步 ...
css 超出行显示点点点
.over_two_lines{display: -webkit-box;word-break: break-all;text-overflow:ellipsis;overflow: hidden;w ...
tinymce 富文本限制字数超出不显示
(function () {'use strict';let Tools = tinymce.util.Tools.resolve('tinymce.util.Tools');let global = ...
QQ日志最多添加几条HTML,信息字数超出限制 qq对话框里显示字数超出限制怎么办...
短信息有字数限制的,发送一条短信最多七十个字. 用户每次能接收和发送短信的字符数,是160个英文或数字字符,或者70个中文字符. 其实你每次发短信都是发到了SIM卡运营商那里,而后是有运营商转发给你要 ...
html设置超出自动隐藏,css如何设置超出部分隐藏
CSS 一段文本怎么设置超过省略号显示单行文本实现方法: 实现效果: 多行文本溢出显示省略号实现方法: 实现效果: 适用范围: 因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及 ...

CSS限制字数,超出部份显示点点点...

CSS限制字数,超出部份显示点点点...

最近项目中需要用CSS实现限制字数,超出部份显示点点点...，只需要几行代码即可：

一行内超出点点点

超出两行显示点点点

CSS限制字数,超出部份显示点点点...相关推荐

最新文章

热门文章