字符串过长？用CSS隐藏掉它。

`

songkang666

浏览: 105499 次
性别:
来自: 上海

最近访客更多访客>>

lucifer.tiny

up2peak

jinlv1

youyu4

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

css

text-flow-omit {  
    width:200px;  
    white-space:nowrap;  
    word-break:keep-all;  
    overflow:hidden;  
    text-overflow:ellipsis;  
}

超过200px就用省略号隐藏掉，不错的啊，不用Javascript那么麻烦的处理了。

分享到：

将URL编码？ | node.js 异步函数中回调函数的异常处理

2013-09-26 17:42
浏览 1377
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

用css控制字符串的输出长度超出时隐藏: 这时，CSS提供了一种解决方案，即通过结合使用`width`、`white-space: nowrap`、`overflow: hidden`和`text-overflow: ellipsis`等属性来实现字符串的输出长度控制。下面将详细解释这些属性的作用以及如何应用它们。...

CSS:用overflow代替left截取指定长度字符串: 当文章标题过长，可能会超出其容器（如td或div）的宽度，从而导致显示成多行，影响布局美观。为了解决这个问题，开发者通常会采取两种策略：一种是通过CSS的`overflow`属性来隐藏超出部分；另一种是在服务器端使用...

用CSS截断字符串的两种实用方法: CSS（层叠样式表）提供了一些方法来实现这一需求，本文将详细介绍两种实用的CSS截断字符串的方法。方法一利用CSS的`overflow`, `text-overflow` 和 `white-space` 属性。首先，设置一个固定宽度的容器，例如300px...

css截取字符串简单实例: 在这里，CSS并非传统意义上的编程语言，它不具备直接截取字符串的功能，但它可以通过一些属性来控制文本的显示，让其在视觉上呈现出截断的效果。描述部分强调了CSS截取字符串的方法已经不再是难题，并且互联网上有...

table中的超长字符串用省略号表示的css样式: 为了保持表格布局的一致性，同时避免过长的字符串破坏布局，我们通常会使用CSS样式来控制这些超长字符串的显示方式，使其在超出单元格宽度时能够以省略号（...）的形式显示。在CSS中实现文本溢出用省略号表示的...

CSS 控制标题长度,不再需要切字符串函数了 ^_^.txt: 随着CSS的发展，我们可以通过纯CSS的方式来优雅地解决这个问题，无需再使用复杂的字符串处理函数。 #### 一、CSS截断文本的基本原理在CSS中，可以利用`overflow`属性结合`white-space`和`text-overflow`属性来...

用css截取字符的几种方法详解(css排版隐藏溢出文本).pdf: 通用的CSS截断字符串的方法是利用`text-overflow`属性，结合`overflow`和`white-space`。如下所示： ```css div.test { width: 200px; height: 14px; overflow: hidden; white-space: nowrap; text-overflow: ...

字符串过长CSS截取多余文字并用省略号显示: 在网页设计中，有时我们需要对过长的字符串进行截取，并在结尾处添加省略号以保持布局的整洁和美观。CSS（Cascading Style Sheets）提供了一种优雅的方式来实现这个功能，尤其对于动态生成的内容，如用户昵称或者...

CSS3截取字符串实例代码【推荐】: 通常，我们使用JavaScript或后端语言来截取字符串，但CSS3也提供了一种方法来实现这一功能。这种方法的优点在于，它可以在不涉及额外脚本的情况下，仅通过样式控制来实现文本的截取。接下来，我们将深入探讨如何使用...

jsp页面字符串截取，点击弹出弹出层: 弹出层通常由CSS控制其显示和隐藏状态，比如使用`display: none`和`display: block`来切换。在给定的文件`Base64-80.js`中，我们可以推测这可能是一个用于进行Base64编码和解码的JavaScript库。Base64是一种用于将...

css自动截取指定长度字符串，结尾显示... 支持FF浏览器: ### CSS自动截取指定长度字符串方法及支持Firefox浏览器解析 #### 概述在Web开发过程中，经常需要处理文本溢出的问题，特别是当容器宽度固定而内容长度不定时，合理控制文本显示，既能保证页面布局的美观又能提高...

针对各种版本的浏览器隐藏CSS的九大技巧: ### 六、使用用户代理字符串（User Agent String）虽然不推荐，但在某些情况下，可以通过检查HTTP请求头中的用户代理字符串来确定浏览器类型和版本，从而加载特定的CSS文件。然而，这种方法存在一定的风险，因为...

关于中gridview 字符串截取的方法: 为了控制GridView中过长字符串的显示问题，可以采用CSS样式来设定列内容的显示长度。通过设置CSS属性，例如宽度（width）、文本对齐（text-align）、溢出隐藏（overflow）、省略号显示（text-overflow）以及空白处理...

备忘:兼容ff和ie的鼠标样式+javascript字符串hash+浮动提示: “javascript字符串hash”指的是在JavaScript中，将字符串转化为一个固定长度的数字表示，常用于数据校验、唯一标识或简化的比较操作。常见的JavaScript字符串hash算法有MD5、SHA系列等，也可以自定义简单算法，如将...

css实现字符串截断并加省略号示例: 在网页设计中，有时我们需要对过长的文本内容进行截断处理，以便适应有限的显示空间，同时保留信息的关键部分。CSS（Cascading Style Sheets）提供了强大的样式控制能力，其中包括字符串截断并添加省略号的功能。这...

listbox添加部分隐藏字符: 在IT行业中，ListBox控件是常见于各种图形用户界面（GUI）应用的一种组件，它用于...这个过程涉及到对控件的自定义、字符串处理和前端交互等多个方面的技术知识。在实际应用中，应结合具体需求，灵活运用这些技术手段。

CSS中的强制换行与强制不换行: - 对于过长的内容，可能需要考虑使用其他布局策略，避免页面布局出现混乱。 #### 强制换行：`break` 有时候，我们希望长单词或URL能够根据容器宽度自动换行，而不是溢出显示区域。这时，可以使用`break`属性。 **...

网页中字段太长，省略号表示。css显示: 虽然JSP也可以处理字段太长的问题，但通常需要编写更多代码，如使用`substring()`方法截取字符串、判断长度、插入省略号等。这种方法增加了代码复杂度，不适用于动态内容或频繁变化的文本。同时，JSP更适合处理...

Global site tag (gtag.js) - Google Analytics

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

字符串过长？用CSS隐藏掉它。

评论

发表评论

相关推荐

最近访客更多访客>>