文档章节

多行文字超长用省略号

tywali
 tywali
发布于 2016/05/17 22:21
字数 117
阅读 9
收藏 0

上一节的技巧只能实现单行文字的超长,对于多行文字,目前只有在Chrome浏览器下可以,需要设置如下属性:

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

其中,-webkit-line-clamp属性用于确定行数。

© 著作权归作者所有

tywali
粉丝 0
博文 85
码字总数 21246
作品 0
深圳
程序员
私信 提问
纯css实现多行文本截断

概述 是一个不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。 限制在一个块元素显示的文本的行数。 为了实现该效果,它需要组合其他外来的WebKit属性。常见结合...

gongzhen
2016/07/07
0
0
[每日一问] 来点省略

[每日一问] 来点省略 项目经理永日接到一个需求,需要完成以下效果:文字超长部分显示省略号。

xylitol_lin
2015/06/29
7
2
css高级应用三种方法实现多行省略

前言 这是个老掉牙的需求啦,不过仍然有很多人在网上找解决方案,特别是搜索结果排名靠前的那些,都是些只会介绍兼容性不好的使用的方案。 如果你看到这篇文章,可能代表你正是从那么多千篇一...

pekonchan
04/12
0
0
《CSS实现单行、多行文本溢出显示省略号》

本文转载于:猿2048网站➵《CSS实现单行、多行文本溢出显示省略号》 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏...

前端老手
09/07
16
0
UILabel中文字符截断

UILabel的lineBreakMode 有 NSLineBreakByCharWrapping, NSLineBreakByWordWrapping, NSLineBreakByClipping 在处理英文的时候能够准确的 按单词或是字符串截断, 但是在处理中文的时候就如下...

nemoleo
2016/02/15
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
15
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
16
0
jquery--DOM操作基础

本文转载于:专业的前端网站➭jquery--DOM操作基础 元素的访问 元素属性操作 获取:attr(name);$("#my").attr("src"); 设置:attr(name,value);$("#myImg").attr("src","images/1.jpg"); ......

前端老手
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部