`
liutao841204
  • 浏览: 13639 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

隐藏文本中过长的字段

阅读更多
<div title="aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" style="width:36px; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

上面这段话在火狐和ie(ie6.0)中执行的效果有所不同,但都能实现隐藏。

text-overflow:ellipsis :当前元素内长文本溢出时显示省略号(注意,这一属性必需和一下两个属性同时使用,否则效果不明确);
white-space:nowrap:强制文本在一行内显示(有些元素在出现空格时会自动换行,这里通过改元素可以让问本在一行内强制显示);
overflow:hidden:将溢出文本隐藏(否则会在一行内强制显示并超出容器宽度)。

注:text-overflow:ellipsis不能在firefox中实现。

附:
text-overflow:clip | ellipsis
clip:不显示省略标记(...),而是简单的裁切
ellipsis:当对象向内文本溢出时显示省略标记(...)
分享到:
评论

相关推荐

    jQuery显示隐藏和复制表单密码字段插件

    本篇文章将详细讲解一个特定的jQuery插件——用于显示、隐藏和复制表单中密码字段的插件。 首先,表单中的密码字段通常以星号或圆点显示,以保护用户的隐私。然而,在某些情况下,用户可能需要查看或复制他们输入的...

    F-02 抬头显示系统隐藏字段 卡号

    标题与描述解析:“F-02 抬头显示系统隐藏字段 卡号”与“F-02系统字段,卡号让其显示出来作为其他用途”这两句话共同指向了一个核心议题,即在SAP F-02事务处理系统中,如何使原本隐藏的卡号字段在抬头显示中可见,...

    HTML5+CSS3实现超酷登录窗口(自动隐藏默认文本及判断必填字段).zip

    在这个“HTML5+CSS3实现超酷登录窗口(自动隐藏默认文本及判断必填字段)”项目中,我们将深入探讨如何利用这两者来创建一个具有高级特性的登录界面。 首先,HTML5作为最新的超文本标记语言版本,引入了许多新元素和...

    网页中字段太长,省略号表示。css显示

    在网页设计中,有时我们需要处理过长的文本字段,使其在有限的空间内显示部分内容并以省略号(...)结尾,以保持页面整洁且易于阅读。这种效果可以通过CSS(层叠样式表)来轻松实现。本文将深入探讨如何使用CSS实现...

    highcharts饼图字段超出解决

    然而,当饼图的各个扇区标签(也就是字段)的文本过长时,可能会导致文字重叠或者超出图表区域,影响图表的美观性和可读性。本篇文章将深入探讨如何解决Highcharts饼图字段超出的问题,让你的图表更加清晰易读。 ...

    一种创造性的方式来隐藏显示隐藏的文本值

    在IT行业中,尤其是在JavaScript开发和混合移动开发领域,隐藏和显示隐藏文本值是一个常见的需求,特别是在处理用户敏感信息如密码时。"一种创造性的方式来隐藏/显示隐藏的文本值"这个标题可能指的是使用React ...

    java 富文本编辑器demo

    - 如果需要修改配置,比如数据库连接信息,可以在JSP中设置隐藏表单字段或者使用Servlet上下文参数来传递配置信息。 - 提供一个表单或页面,让用户或管理员能够更新配置信息,并在提交后更新到相应的配置文件或...

    【js模板】根据主表字段显示或隐藏明细表指定列.txt

    【js模板】根据主表字段显示或隐藏明细表指定列

    用CSS实现超长字段被省略的简单方法.rar

    在网页设计中,有时我们需要对超长的文本字段进行处理,使其在有限的空间内显示得更加整洁美观。尤其是在IE浏览器中,由于其对CSS特性的支持情况与其他现代浏览器有所不同,因此需要采用特定的方法来实现超长文本的...

    通过css样式控制单元格文本超长省略.doc

    在这个例子中,我们设置了`&lt;div&gt;`的宽度(`width: 100px`),这样当文本超过这个宽度时就会被隐藏。`overflow: hidden`属性用于隐藏超出部分的文本,而`text-overflow: ellipsis`则告诉浏览器使用省略号来表示被截断...

    Moss字段显示控制

    在SharePoint列表中,每个列表项都由一系列字段(field)组成,这些字段包含了各种类型的数据,如文本、日期、数字等。默认情况下,所有字段都会在编辑或查看页面上显示。但实际情况中,可能并不希望所有用户都能看到...

    mantis自定义字段与使用

    - **文本字段**:允许输入任意文本。 - **选择列表**:提供预定义的选项供用户选择。 - **复选框**:用户可以选择一个或多个选项。 - **日期**:用户输入日期或选择日历上的日期。 - **链接**:输入网址,系统...

    PB 动态设置数据窗口列隐藏和显示的例子

    PB 动态设置数据窗口列隐藏和显示的例子,用PB8写的,因用户要求在网上没有找到,自己写了一个。 写得比较粗糙,但能看得懂。

    jsp隐藏关键敏感字段信息只显示前后字段的示例

    为了提高用户体验,对于过长的标题,我们可以使用省略号来代替隐藏的中间部分。比如,显示基金名称的时候,可以这样写: ```jsp ${fn:length(item.fundName)&gt;10}"&gt; ${fn:substring(item.fundName,0,10)}... ${fn:...

    excel数据透视表字段列表如何显示隐藏.doc

    字段列表是 Excel 数据透视表中的一个重要组件,它显示了数据透视表中的所有字段,包括数字字段、日期字段和文本字段等。用户可以根据需要显示或隐藏字段列表中的字段,以便更好地分析和处理数据。 那么,如何显示...

    2.山东一线名卷Access数据库应用操作模块试题-GHY(改)_0.doc

    18. 数据类型:Access 中的数据类型包括短文本、长文本、日期/时间、数字、自动编号、计算、OLE 对象等,短文本、长文本、日期/时间等数据类型可以设置“字段大小”。 19. 字段对齐方式:Access 中的字段对齐方式...

    将csv文件中15位以上的数字正确显示

    此外,如果问题出现在数据导入到数据库或其他系统的过程中,可能需要调整目标系统的数字字段类型或设置。例如,在SQL中,可以使用BIGINT或DECIMAL类型存储大整数,确保不会因类型限制导致数据丢失。 最后,我们可以...

    富文本编辑器插件

    5. **处理用户输入**: 当用户完成编辑并提交内容时,编辑器会将格式化的HTML内容保存在textarea或者隐藏的input字段中。在PHP后端,你需要处理这些HTML数据,可能需要进行安全过滤,防止XSS攻击。 6. **显示内容**:...

    clipboard复制文本或者隐藏域到剪切板,兼容ie.chrome.firefox

    - 其他定制化的复制需求:如隐藏字段中的数据,用户无法直接看到,但可以通过点击按钮快速复制。 通过`clipboard.js`,我们可以创建出更友好的用户体验,让复制操作变得简单、直观。这个库不仅提升了网站的交互性...

    SQL 字段说明查看器

    "SQL 字段说明查看器"是一款专为数据库开发者设计的实用工具,旨在简化查询和理解SQL表中字段的类型及说明的过程。在开发过程中,通常需要频繁检查字段的数据类型和相关注释,以便正确地构建SQL查询语句或在Visual ...

Global site tag (gtag.js) - Google Analytics