`
皖雪欢飞
  • 浏览: 24912 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

调整文字过长不折行显示,多余的文字显示省略号样式

 
阅读更多

在项目中发现但文字过长时不希望其换行显示,并且多余的文字显示省略号实现的方式是:

overflow: hidden;

white-space: nowrap; /*防止文字太长时候自动折行*/
text-overflow: ellipsis; /*ie下 可以自定出省略号*/使用时需要这只他的高度和宽度

注意:IE11和IE8存在兼容性问题再IE11中如果样式没有起作用可以将其的宽度去掉

           并且如果是表格形式的需要设置表格的样式table-layout: fixed;

分享到:
评论

相关推荐

    《程序天下:JavaScript实例自学手册》光盘源码

    3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量...

    程序天下:JavaScript实例自学手册

    3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 控制两个文本框只输其一 3.9 判断编辑器中是否包含特殊字符 3.10 判断文本中回车的数量...

    Android开发EditText属性.txt

    android:ellipsize设置当文字过长时,该控件该如何显示。有如下值设置:”start”—?省略号显示在开头;”end”——省略号显示在结尾;”middle”—-省略号显示在中间;”marquee” ——以跑马灯的方式显示(动画横向移动...

    word使用技巧大全

    16、快速输入省略号 86 17、轻松搞定单元格数据斜向排 86 18、快速去掉页眉的横线 86 19、为奇偶页制作不同的水印 86 20、快捷绘图 87 21、快速去除超链接 87 22、如何避免标题排在一页的底部 87 23、如何将文档中的...

    基于jquery实现的web版excel

    水平位置,垂直位置,字体粗细,斜体,字体大小等样式,单元格设置自动换行功能,默认为超出部分显示省略号,支持表结构修改的撤回功能(待完善),支持单个单元格的样式复制,支持选中单元格,鼠标左键选中复制。...

    Excel百宝箱8.0

    【公农双历查询】【高级定位】【选区背景着色】【修改文件建立时间】【工作表环境设置】【按颜色合计】【根据工资计算钞票】【隔行插入行】【折分工作簿(工作表)】【工作表折分】【合并工作簿】【文本与数值互换】...

    《计算机应用基础》网上试题.doc

    带省略号的命令表示会打开一个对话框窗口 C.菜单栏中的菜单个数是可变化的 D.菜单中的内容(命令)是可变化的 23.在Word中,当前正编辑一个新建文档"文档1",当执行"文件"菜单中的"保存"命令后 ( ) A.该...

    Exce百宝箱——2012版本.rar

    【显示经典菜单】:在Excel 2007或者2010中显示2003样式的菜单,方便初学Excel 2007或2010的用户查找菜单 【截取窗口对象】:将选定的窗口或者对象转换成图片文件,可截Excel界面和其它任意界面 【截取矩形对象】:将...

    《计算机应用基础》网上试题.doc.doc

    带省略号的命令表示会打开一个对话框窗口 C.菜单栏中的菜单个数是可变化的 D.菜单中的内容(命令)是可变化的 23.在Word中,当前正编辑一个新建文档"文档1",当执行"文件"菜单中的"保存"命令后 ( ) A.该...

    Excel百宝箱9.0无限制破解版.rar

    【显示经典菜单】:在Excel 2007或者2010中显示2003样式的菜单,方便初学Excel 2007或2010的用户查找菜单 【截取窗口对象】:将选定的窗口或者对象转换成图片文件,可截Excel界面和其它任意界面 【截取矩形对象】...

    Visual C++ 编程资源大全(控件 窗体)

    1,cstatic_filespec.zip 静态文本中用省略号显示长文件名(3KB)<END><br>2,cstatic_filespec_demo.zip 静态文本中用省略号显示长文件名的演示程序(14KB)<END><br>3,newlabel_app.zip CNewLabel--高级的...

    EXCEL集成工具箱V6.0

    【隔行插入】 在当前工作表中允许从M行到N行,隔X行插入Y行,并允许是否需复制标题Z行。 【制作工资条】 瞬间将工资明细表生成工资条,方便打印并裁剪。可以自己定义工资条标题的行数以及相隔行数、插入行数等。并...

    基于jquery实现的web版excel源码,包含excel的基本功能.zip

    单元格设置自动换行功能,默认为超出部分显示省略号 支持表结构修改的撤回功能(待完善) 支持单个单元格的样式复制 支持选中单元格,鼠标左键选中复制。复制支持有规律的数字计算(等差数列) 支持设置单元格线条...

    EXCEL集成工具箱V8.0完整增强版(精简)

    【隔行插入】 在当前工作表中允许从M行到N行,隔X行插入Y行,并允许是否需复制标题Z行。 【制作工资条】 瞬间将工资明细表生成工资条,方便打印并裁剪。可以自己定义工资条标题的行数以及相隔行数、插入行数等。并...

    易语言程序免安装版下载

    修改高级表格支持库,通过鼠标调整行高列宽时不改变当前光标行列号。 8. 修改BUG:在IDE中打开源代码文件(.e)后,高级选择夹组件不能正确切换到“现行子夹”属性设定的子夹。 9. 修改BUG:矢量动画支持库中的...

    EXCEL百宝箱8.0终极版

    第一参数为ROW时先行后列取值,为COLUMN时先列后行(不分大小写),第三参数开始为引用区域。 函数名称:消除空值 函数功能与参数:消除空值函数。可以选择多行多列,按先行后列之方式返回值.两个参数,一为区域一为...

    css入门笔记

    :visited 匹配访问过的元素的状态 2.动态伪类 :hover 匹配鼠标悬停在元素上时的状态 :active匹配鼠标激活时元素的状态 超链接、文本框、 密码框点击的时候,就是active。 :focus匹配元素获取焦点时的状态 ...

    asoft签到管理系统tykq3.5_build20110125

    3、万众期待的请假流程无限级自定义诞生了,并且,请假流程会根据申请人权限自动省略不必要的步骤(比如说部长的申请单无需组长进行第一审批了,即使该部门的请假流程存在组长这一级审批) 4、调整休假设定、批量...

    powerbuilder

    参数printjobnumber:用PrintOpen()函数打开的打印作业号spacingfactor:指定行间距因子,用字符高度的倍数表示,缺省值为1.2返回值Integer。函数执行成功时返回1,发生错误时返回-1。如果任何参数的值为NULL,...

    《javaScrip开发技术大全》源代码

    • sample09.htm switch语句(不能省略的break语句) • sample10.htm for语句 • sample11.htm 逗号运算符与for语句的结合使用 • sample12.htm while语句 • sample13....

Global site tag (gtag.js) - Google Analytics