精华内容
下载资源
问答
  •  android:layout_height="wrap_content"  android:layout_width="wrap_content"//前提... android:ellipsize="end" //是否在尾部显示省略号  />   转载于:https://my.oschina.net/quTMD/blog/649141
    <TextView
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"//前提必须是宽度是wrap_content
        android:maxEms="3"  //显示的字数
        android:singleLine="true"    //是否显示单行
        android:ellipsize="end"       //是否在尾部显示省略号
        />

            

    转载于:https://my.oschina.net/quTMD/blog/649141

    展开全文
  • 主要介绍了如何将td中文字过长的部分变成省略号显示,主要是利用到了css的几个属性,需要的朋友可以参考下
  • html文字两行后,就用省略号代替剩下的一、总结一句话总结:实现原理很简单,将box的高度设置为行高的两倍,超出之后隐藏,这样就只有两行了,然后再用after属性绝对定位在第二行后面加几个点 ....style2{position:...

    html文字两行后,就用省略号代替剩下的

    一、总结

    一句话总结:

    实现原理很简单,将box的高度设置为行高的两倍,超出之后隐藏,这样就只有两行了,然后再用after属性绝对定位在第二行后面加几个点 ...

    .style2{

    position:relative;

    line-height:21px;

    height:42px; /*height是line-height的整数倍,防止文字显示不全*/

    overflow:hidden;

    }

    .style2::after {

    background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);

    bottom:;

    content: "...";

    padding: 0 5px 1px 30px;

    position: absolute;

    right:;

    }

    1、一行截断效果?

    注意设置宽高,剩下的就是记住用white-space(不换行),overflow(超出部分隐藏),text-overflow(隐藏使用的替代符号)

    .font_cut{

    width: 100%;

    white-space:nowrap;

    overflow:hidden;

    text-overflow: ellipsis;

    }

    2、after属性里面如何指定内容?

    content: "...";

    .style2::after {

    background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);

    bottom:;

    content: "...";

    padding: 0 5px 1px 30px;

    position: absolute;

    right:;

    }

    3、after属性里面可以绝对定位么?

    可以,操作after属性就和操作普通样式一样

    .style2::after {

    background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);

    bottom:;

    content: "...";

    padding: 0 5px 1px 30px;

    position: absolute;

    right:;

    }

    二、html文字两行后,就用省略号代替

    1、效果图

    35c6443842409486c3d818a34a47e886.png

    2、代码

    Document

    .font_cut{

    width: 100%;

    white-space:nowrap;

    overflow:hidden;

    text-overflow: ellipsis;

    }

    .style2{

    position:relative;

    line-height:21px;

    height:42px; /*height是line-height的整数倍,防止文字显示不全*/

    overflow:hidden;

    }

    .style2::after {

    background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);

    bottom: 0;

    content: "...";

    padding: 0 5px 1px 30px;

    position: absolute;

    right: 0;

    }

    一行显示不下,就用省略号代替;一行显示不下,就用省略号代替;一行显示不下,就用省略号代替;一行显示不下,就用省略号代替;一行显示不下,就用省略号代替;一行显示不下,就用省略号代替;

    HTML文字超过两行以后 就用省略号显示代替;HTML文字超过两行以后 就用省略号显示代替;HTML文字超过两行以后 就用省略号显示代替;HTML文字超过两行以后 就用省略号显示代替;HTML文字超过两行以后 就用省略号显示代替;HTML文字超过两行以后 就用省略号显示代替;

    三、html文字超出两行,则显示省略号

    转自或参考:html文字超出两行,则显示省略号

    https://blog.csdn.net/camillezj/article/details/52767267

    多行超出显示省略号

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2; //2行

    -webkit-box-orient: vertical;

    注意:-webkit-line-clamp是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。只适用于WebKit内核的浏览器,因此firebox、ie等并不支持该属性。

    其他浏览器做法:

    比较靠谱简单的做法就是设置相对定位的容器高度,用包含省略号(…)的元素模拟实现:

    文字容器样式设置:

    position:relative;

    line-height:1.4em;

    height:4.2em; //height是line-height的整数倍,防止文字显示不全

    overflow:hidden;

    文字容器::after {

    background: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF 50%) repeat scroll 0 0 rgba(0, 0, 0, 0);

    bottom: 0;

    content: "...";

    padding: 0 5px 1px 30px;

    position: absolute;

    right: 0;

    }

    或者使用插件:js插件-Clamp.js 、 jquery插件-jQuery.dotdotdot

    单行不换行:width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;

    css强制换行显示省略号之显示两行后显示省略号

    1,首先来一个固定宽度,在一行显示,超出隐藏,显示省略号的样式 display:block; white-space:nowrap; overflow:hidden; text-overflow:el ...

    css文本强制两行超出就显示省略号&comma;不显示省略号

    1. 强制一行的情况很简单 overflow:hidden; //超出的隐藏 text-overflow:ellipsis; //省略号 white-space:nowrap; //强制一行显示 2. ...

    js页面文字选中后分享到新浪微博实现

    demo您可以狠狠地点击这里:js文字选中分享到新浪微博demo 方法与代码 选中即分享的功能看上去比较高级,其实实现是相当简单的.其中的会让人头大,一般人也不感兴趣的原理这里就直接跳过.这个js文字 ...

    帝国CMS万能标签标题截取后自动加入省略号

    帝国CMS万能标签标题截取后自动加入省略号,没有达到字数的则不加省略号完美解决方案1.打开e/class/connect.php  搜索 if(!empty($subtitle))//截取字符  大约 ...

    帝国cms万能标签实现标题截取后自动加入省略号的方法

    很多采用帝国CMS建站的站长都会遇到标题过长导致页面排版错乱的情况,这时候往往需要用标题截取并追加上省略号的方法予以解决.对此,帝国CMS万能标签标题截取后自动加入省略号,没有达到字数的则不加省略号可 ...

    CSS——div内文字的溢出部分用省略号显示

    使得div内文字的溢出部分用省略号显示,可归纳为两种解决办法,一种方法是用CSS解决,另一种方法是js解决. 一.通过CSS控制显示 div内显示一行,超出部分用省略号显示 div内显示多行,超出部分 ...

    CSS div内文字显示两行,超出部分省略号显示

    1. 概述 1.1 说明 在项目过程中,有时候需要控制div内文字最多显示两行,超出的使用省略号进行处理.使用识别码/前缀-webkit进行处理可直接得到相应效果. 1.1 -webkit WebKi ...

    css文字两行或者几行显示省略号

    做这个省略的问题,突然发现显示省略号是有中英文区分的 我做两行的时候用的是以下代码,在是中文的情况下是么得问题,到了英文下发现不起作用了 width: 250px; overflow: hidden; ...

    td默认文字超出后显示&period;&period;,点击tr时td文字显示完整

    做项目时,产品提的需求,table表格里面,每一列限制文字超出宽度后显示省略号,等点击td时,文字显示完整,今天整理了一下代码,积累一下 备注:1.邮箱和网址,在td里面不会自动换行,需要增加word ...

    随机推荐

    H-1B身份六年后的延期问题

    http://www.hooyou.com/cn_version/h-1b/extension.html H-1B首次获签的在美国居留时限是三年,三年期满后还可以申请延期再续三年,总计在美国的最长时限 ...

    async和await用法

    原文:async和await用法 要理解async和await的用法,首先要了解Task相关知识,这里不做说明,因为这不是本文的重点. 如果你已经对Task很了解,那么如何使用async和await, ...

    &lbrack;编织消息框架&rsqb;&lbrack;netty源码分析&rsqb;8 Channel 实现类NioSocketChannel职责与实现

    Unsafe是托委访问socket,那么Channel是直接提供给开发者使用的 Channel 主要有两个实现 NioServerSocketChannel同NioSocketChannel 致于其它 ...

    python argparse用法总结

    转:python argparse用法总结 1. argparse介绍 argparse是python的一个命令行解析包,非常适合用来编写可读性非常好的程序. 2. 基本用法 prog.py是我在li ...

    手把手教你写vue插件并发布(二)

    前记:上一篇 https://www.cnblogs.com/adouwt/p/9211003.html, 说到了一个完整的vue插件开发.发布的流程,总结下来就讲了这么一个事,如何注入vue, 如果 ...

    如何在Linux下写无线网卡的驱动【转】

    转自:http://www.crifan.com/files/doc/docbook/linux_wireless/release/html/linux_wireless.html 版本:v0.3 H ...

    win10下快捷命令

    win10下可在win+r的输入框中: 1.gpedit.msc   //本地组策略编辑器 2.regedit    //注册表 3.secpol.msc   //本地安全策略 4.mstsc    ...

    mac下搭建cocos2d-x2&period;2&period;1版本android编译环境教程

    首先我们先以引擎2.2.1为例子来新建一个TestJni的项目,来作为测试例. 创建方式如下: python create_project.py -project TestJni -package o ...

    lda spark 代码官方文档

    http://spark.apache.org/docs/1.6.1/mllib-clustering.html#latent-dirichlet-allocation-lda http://spar ...

    制作简易app个人总结

    1.每次修改app.js或者其他路由js文件,都必须重启node app.js,否则修改不起作用!!! 2.

    展开全文
  • 先思考问题:“省略号……”如何输入?,连续6句号?答案是:错!!!数字输入按键1-0我们称之为数字键,很明显,他们是用来输入数字的,如1,2,3.……100……206……8088等都是一样,直接按下相应的数字按钮就...

    昨天写了一篇F1-F12的文章,似乎非常吸引人,今天继续给大家介绍一下键盘上数字1-0的用法。无论是标准键盘,还是紧凑型笔记本键盘,虽然有各种差别,但数字1-0,这些键都是一致的。先思考个问题:“省略号……”如何输入?,连续6个句号?答案是:错!!!

    ff11d4b94aa9943dab31b0746a8dcec9.png

    数字输入

    按键1-0我们称之为数字键,很明显,他们是用来输入数字的,如1,2,3.……100……206……8088等都是一样,直接按下相应的数字按钮就可以了,这个就不多说了。

    符号输入

    每个数字键上都有对应的符号,1-0分别为:"!@#$%^&*()",这些符号有什么用,如何输入呢?

    首先这些符号输入需要“Shift+相应的数字”,如“!”就是“Shift+1”,“@”就是“Shift+2”

    特殊符号

    这里我强调一下有几个符号在不同输入法状态下出现的效果是不同的。

    键盘4上面的“$”:

    在英文输入法状态下:输入“Shift+4”会出现“$”,美元符号;

    而在中文输入法状态下:输入“Shift+4”则会出现“¥”,人民币符号;

    47a48ad1dcdf8fd1bd132a8c0cdff8df.png

    所以以后我们用于写文档是需要尤其注意,$100和¥100差别是很大滴。

    数字6上面的“^”

    在英文输入法状态下:输入“Shift+6”会出现“^”,是一个数学运算符,如2^5,意思是2的5次方;

    而在中文输入法状态下:输入“Shift+6”则会出现“……”,就是省略号,所以前面说的连续按6个句号是错误的;

    数字9和0上面的"("、")"

    一般9和0上面的括号我们都是同时使用的,但是括号也分为全角和半角之分,

    英文输入法下的“()”,它们占2个字节,相当于1个汉字;

    中文输入法下的“()”,它们占4个字节,相当于2个汉字;

    展开全文
  • 用 java来截取中文英文字符串,过多的用省略号显示   需求:任意一字符串 比如"abc我爱中国" 大于12字节的 要截取掉,用 ... 来结尾, 最终结果不能大于12字节 注 中文占2字节   public static ...

    用 java来截取中文英文字符串,过多的用省略号显示

     

    需求:任意一个字符串 比如"abc我爱中国" 大于12个字节的 要截取掉,用 ... 来结尾, 最终结果不能大于12个字节  注 中文占2个字节

     

    public static String subStringCN(final String str, final int maxLength) {
    		if (str == null) {
    			return str;
    		}
    		String suffix = "...";
    		int suffixLen = suffix.length();
    		
    		final StringBuffer sbuffer = new StringBuffer();
    		final char[] chr = str.trim().toCharArray();
    		int len = 0;
    		for (int i = 0; i < chr.length; i++) {
    			
    			if (chr[i] >= 0xa1) {
    				len += 2;
    			} else {
    				len++;
    			}
    		}
    		
    		if(len<=maxLength){
    			return str;
    		}
    		
    		len = 0;
    		for (int i = 0; i < chr.length; i++) {
     
    			if (chr[i] >= 0xa1) {
    				len += 2;
    				if (len + suffixLen > maxLength) {
    					break;
    				}else {
    					sbuffer.append(chr[i]);
    				}
    			} else {
    				len++;
    				if (len + suffixLen > maxLength) {
    					break;
    				}else {
    					sbuffer.append(chr[i]);
    				}
    			}
    		}
    		sbuffer.append(suffix);
    		return sbuffer.toString();
    	}
     
    	public static void main(String[] args) {
     
    		String st2 = "是个好人啊,是个好人啊";
    		System.out.println(subStringCN(st2, 12));
     
    		String st3 = "是个好人啊 persen";
    		System.out.println(subStringCN(st3, 12));
     
    		String st4 = " persen是个好人啊";
    		System.out.println(subStringCN(st4, 12));
    		
    		String st1 = "个好人啊";
    		System.out.println(subStringCN(st1, 12));
     
    		String st0 = "sdddddddddddddddddddd";
    		System.out.println(subStringCN(st0, 12));
    	}

     输出如下:

    是个好人...
    是个好人...
    persen是...
    个好人啊
    sdddddddd...

     

     

    本文转自:http://lishiguang.iteye.com/blog/1336057

     

    展开全文
  • 经常看到很多文字超出一定宽度,然后用省略号显示,看起来很高科技有木有~通常情况下一般2种:一是通过截取字段来控制文本宽度;当然另一种就是通过CSS啦! 1. 单行文本溢出显示省略号 style type="text/css">...
  • 示,需要用到css overflow,和text-overflow样式,同时避免文字自动换行我们使用html nobr标签强制内容不换行,使用使用注意这几个CSS样式和HTML标签配合使用才能达到多余文字内容出现省略号样式,大家下来灵活运用...
  • 单行文本(方法一): 语法: text-overflow : clip | ...ellipsis : 当对象内文本溢出时显示省略标记(...) 说明: 设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。 最大的缺点:text-ove...
  • 众所周知,文本溢出显示省略号用CSS就可以: 单行文本: white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display...
  • 制作ui时,会出先文本内容不定,但是文本后面一定距离有个按钮或者其他内容,此时我们就要文本在即将接触到其他内容时停止显示并显示省略号。 我们此时要面临几个问题: 1、如何判断输入的字符串在Text的ui上显示...
  • css字体溢出省略号处理(3种)

    千次阅读 2018-10-06 11:22:54
    如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。 实现方法: span{ overflow: hiddden; text-overflow: ellipsis; white-space...
  • 本文实例讲述了Android设置TextView显示指定数字符,超过部分显示…(省略号)的方法。分享给大家供大家参考,具体如下: 一、问题: 今天在公司遇到一需求;TextView设置最多显示8字符,超过部分显示…(省略号)...
  • 最近在做项目中,有一场景是这样的,购买机票时,出发城市和到达城市,最多显示5字符,当字符长度超过5时就显示省略号,不足5时就根据字符的长度显示。第一反应 看到这需求的第一反应就是自己先计算出5...
  • 当我们想让文字溢出后隐藏并添加省略号的效果 在当前容器或父容器必须要设置宽度,否则代码会失效。 .box{ width:50%; text-overflow :ellipsis;/* 文字隐藏后添加...
  • 经常看到有些网页的“新闻动态”(很多中小企业网站有事没事都愿意做的一栏目),“新闻”的标题有长有短,但为了整齐好看,...那么多于12字时,只保留前11,加上一个省略号…, left(String,11)&"…" ...
  • 前提: 在项目过程成中, 经常会遇到文本溢出以省略号… 代替的情况出现, 我总结了四方法。 1:单行文本的溢出显示省略号 overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 效果图: 2:多行文本...
  • 经过一波中大型项目的洗礼,一堆bug的冲击,发现在文本溢出方面还存在一些瑕疵,大致总结了一下文本溢出显示省略号种使用场景。 1、单行文本超出显示省略号 单行文本超出这种处理起来还是比较简单的,正常思路...
  • react-native 的 Text 多余的显示省略号

    千次阅读 2019-01-03 14:17:43
    当字数太多的时候我们需要省略号来显示多余的字,...2:省略号显示的位置(ellipsizeMode) 可以是以下几个值tail、head、 middle、clip 默认的是tail (尾部)  头部 head 中间 middle 从尾部截掉 clip &l...
  • 文字(div)内容溢出显示省略号方法

    千次阅读 2019-05-08 15:02:07
    不用设置 div 的宽高即可生效; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;... 要显示几行数字为即可! -webkit-box-orient: vertical; ...
  • css 文字换行和超出部分省略号 文字空格与换行 当文本溢出父级 block 元素时, 文本会换行; 这特性是通过 while-space 控制的; 它影响浏览器处理空格, 换行和 tab 的处理; 它有下面种值 normal, 默认值, 连续的...
  • css,js文本长度变...省略号

    千次阅读 2019-05-28 11:19:35
    省略号js文本超出变...省略号 css文本超出变…省略号 单行文本 .ellipsis{ width:200px;/*必须是固定宽度值*/ overflow:hidden;/*超出部分隐藏*/ text-overflow:ellipsis;/*超出部分显示省略号*/ white-space:...
  • 在实际的项目中,由于文字内容的长度不确定性和页面布局的固定性,难免会出现文字内容超过div(或其他标签,下同)区域的情况,此时比较好的做法就是当文字超过限定的div宽度后自动以省略号(…)显示,这样,按照...
  • 做这省略的问题,突然发现显示省略号是有中英文区分的 我做两行的时候用的是以下代码,在是中文的情况下是么得问题,到了英文下发现不起作用了 width: 250px; overflow: hidden; text-overflow: ellipsis...
  • discuz去掉截取标题后的省略号

    千次阅读 2013-04-07 16:29:04
    自己定义的标题的变量是$fv[name],直接写这是调用了完整的标题,百度后{echo cutstr($fv[name], 12)}这样写可以调用出12字符的标题,也就是6个汉字。但是标题后面却有省略号。需求是不带省略号。又经过一番搜索...
  •  这实现方法网上一查一大堆,这里挑篇网友的参考: https://blog.csdn.net/lvi_166/article/details/53762008 https://blog.csdn.net/anlidengshiwei/article/details/45915637  2、超过指定宽度 由于中文...
  • 溢出显示时用省略号结尾。 语法: text-overflow : clip | ellipsis 参数: clip : 不显示省略标记(...),而是简单的裁切 ellipsis : 当对象内文本溢出时显示省略标记(...) 说明: 设置或检索是否使用一省略...
  • Unity 实现文字过长显示省略号

    千次阅读 2018-08-30 18:13:27
    需求:假设有一行文字由于界面空间不足只能显示一部分,那么剩余部分需要被截断,并且显示出来的文字末尾需要添加省略号“…”。比如“一二三四五六七八九十”,最终显示出来的样子是“一二三四…”。 这需求在 ...
  • 超详细的文本溢出添加...老夫今天就好好研究一下这个省略号。  ps:富文本溢出,不也是文本溢出么?空格处理?多段落? 正文  1.css写法  1.1最简单的省略号(单行,溢出隐藏)   p{overflo...
  • 在html中如果要把多余的文字显示为省略号,那么有以下种方法:单行文本:Document.box{width: 200px;background-color: aqua;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}讲的是克辣椒的洒落...
  • android:maxLines 设置文本的最大显示行数,与width或者layout_width结合使用,超出部分自动换行,超出行数将不显示。 android:maxEms="6" ... android:singleLine="true"android:ellipsize="end" 后边显示省略号

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 34,052
精华内容 13,620
关键字:

中文省略好几个点