文字打点

一。单行文字打点:

  三个css属性一件套:

    white-space: nowrap;  // 不换行

    over-flow: hidden;  // 溢出隐藏

    text-overflow: ellipsis;  // 文本溢出打点

二、多行文字打点:

  (1)直接overflow: hiddne; 不打点

  (2)手动添加

  (3)在移动端上多行打点技术兼容性不好,尽量别用

      white-space: normal;

      -webkit-line-clamp: 3;

      display: -webkit-box;

      overflow: hidden;

      text-overflow: ellipsis;

      -webkit-box-orient: vertical;

时间: 2024-10-21 17:38:48

文字打点的相关文章

Echarts-axislabel文字过长导致显示不全或重叠

先看两张图 按目前情况,官方并为对axislabel的高度或者宽度做调整.所以解决方案只能从其他方案下手 解决方案有几种 第一种为上图解决方案 设置grid属性定义图的大小来释放空间,使得axislabel有足够的空间 /** 参数传值全部为数组 * @param names x轴值 * @param xycounts * @param zscounts * @param xypjjlrs * @param zspjjlrs */ function drawZZTZXTBJ(names,xyco

SharePoint 2010/SharePoint 2013 Custom Action: 基于Site Collection 滚动文字的通知.

应用场景: 有时候我们的站点需要在每个页面实现滚动文字的通知,怎么在不修改Master Page的情况下实现这个功能?我们可以使用Javascript 和 Custom Action 来实现. 创建一个Custom Action.主要使用到 Location = 'ScriptLink' 属性, 该属性可以动态的加载JavaScript 文件链接和代码块到模板页.代码如下: <Elements xmlns="http://schemas.microsoft.com/sharepoint/&

Tesseract 3.02 OCR文字识别调查记录

安装使用: Tesseract下载地址 https://code.google.com/p/tesseract-ocr/ 目前最新版本为3.02 windows版下载解压后,使用命令行,进入解压后目录运行 命令格式: Usage:tesseract.exe imagename outputbase [-l lang] [-psm pagesegmode] e...] pagesegmode values are: 0 = Orientation and script detection (OSD

《Cocos2d-x游戏开发实战精解》学习笔记2--在Cocos2d-x中显示一行文字

在Cocos2d-x中要显示文字就需要用到Label控件.在3.x版本的Cocos2d中,舍弃了之前版本所使用的LabelTTF.LabelAtlas.LabelBMFont 3个用于显示文字的类,而使用一个新类Label取代.可想而知,Label实际上就是对之前3个类进行重新封装并统一渲染. 提示:实际上老版本的内容在3.x版本中依然是可以使用的. 下面是在Cocos2d-x中显示文字的一个例子,具体完整项目可在源文件本章目录下找到项目ChapterThree01查看. [范例3-1 在Coc

如何实现背景透明,文字不透明,兼容所有浏览器?

IE专属滤镜 filter:Alpha(opacity=x) 使用说明:IE浏览器专属,问题多多,本文以设置背景透明为例子,如下: 仅支持IE6.7.8.9,在IE10版本被废除 在IE6.7中,需要激活IE的haslayout属性(如:*zoom:1或者*overflow:hidden),让它读懂filter:Alpha 在IE6.7.8中,设置了filter:Alpha的元素,父元素设置position:static(默认属性),其子元素为相对定位,可让子元素不透明 <!DOCTYPE ht

C#生成Word报表(插入文字、表格和图片)

回家前一个晚上,老板临时安排让写一个读取txt文件的数据和多个图片数据生成一个word文档.时间给得太短只能是回家继续加班,百度真是个好东西这里引用一下我参考的博客http://blog.csdn.net/jiutao_tang/article/details/6574740/ http://xuzhihong1987.blog.163.com/blog/static/2673158720109188465634/  这个博客讲的用录制word宏的方法做参考很有用.感谢这位博友 静下心,认真做,

Bootstrap_排版_文字样式

一.段落 段落是排版中另一个重要元素之一.在Bootstrap中为文本设置了一个全局的文本样式(这里所说的文本是指正文文本): 1.全局文本字号为14px(font-size). 2.行高为1.42857143(line-height),大约是20px(大家看到一串的小数或许会有疑惑,其实他是通过LESS编译器计算出来的,当然Sass也有这样的功能). 3.颜色为深灰色(#333): 二.文字样式 在实际项目中,对于一些重要的文本,希望突出强调的部分都会做另外的样式处理.Bootstrap同样对

CSS3特殊伪类::selection改变页面选中文字的样式

一般在网页上面,选中文字的时候,文字的样式是会改变的,当然,样式也都是千篇一律的浏览器的默认样式,蓝底白字,偶然看到有些网页上面当文字选中的时候会有不一样的样式,当时就很是好奇,后来才慢慢发现是css的一个伪类::selection ::selection是一个CSS3选择器(这也告诉这我们CSS3必须要去熟悉,这玩意确实可以弄出很多意想不到的好效果.) 兼容性:IE9+,Chrome,Opera,Safari,Firefox…(也可以去查看)caniuse.com#search=::selec

使用xib给label等文字显示控件添加attributed属性

如题,之前没注意过这个xib这个属性,可能很多小伙伴也没注意,下面为大家介绍一下xib这个逆天的操作.比起手动加attribute,简直简单粗暴.下面进入正题: 首先  你需要一个xib  在上边添加个label之类用于显示文本的控件 创建好之后,注意右边栏 选中第四栏,会发现label有个text的下拉框,点击下拉框 会发现,我们想要的attributed藏在这,之后我们选择attributed 我们之前的界面会变成如上的样子.其中 红框中的内容就是来给label的文字添加attributed