设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。 对应的脚本特性为textOverflow。
<div style="width:100px;height:20px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; ">a b c d e f g h i j k l , msa sd sd sa w df f </div>
text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。
一、仅定义text-overflow:ellipsis; 不能实现省略号效果。
二、定义text-overflow:ellipsis; white-space:nowrap; 同样不能实现省略号效果。
三、同时应用:text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 可实现所想要得到的溢出文本显示省略号效果。
以上这篇强制文本在一行内显示,并且后面有省略号效果的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
原文地址:http://blog.csdn.net/fanhaiwang520/article/details/7990758
Web Storage是HTML5引入的一个非常重要的功能,可以在客户端本地存储数据,类似H...
做一个淘宝的留白: 当你在缩小浏览器页面的时候他的内容区并没有缩小,是留白的...
前言 行为验证码通过用户的操作来完成验证,常见的行为验证码有拖动式和点触式。...
在市面上经常见到这种功能现如今应该非常普遍了,淘宝H5,知乎H5等等。。。 点击...
css的position属性指定了元素的定位类型,然后通过top,botton,left,right来具...
需求说明 因为项目中章节配置的时候有小数点,1,1.1,1.2,1.11的标题,这个时候...
前言 在我们日常开发的分层结构的应用程序中,为了各层之间互相解耦,一般都会定...
前段日子坐公交车上班,根据现实中对公交刷卡器使用场景的体会和观察,刷卡机的...
1. 简单说下vue vue是渐变式框架,根据自己的需求添加功能 vue数据驱动采用mvvm...
1 概述 本文主要讲述了 ArrayList 与 LinkedList 的相同以及不同之处,以及两者...