`
helloJ
  • 浏览: 165763 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

超过设定的宽度,自动以省略号“。。。”表示

    博客分类:
  • html
IE 
阅读更多


<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;
overflow: hidden; text-overflow:ellipsis">
<NOBR title="就是比如有一行文字,很长,表格内一行显示不下.">就是比如有一行文字,很长,表格内一行显示不下.</NOBR>
</DIV>


<span style="width:120px;overflow: hidden; text-overflow:ellipsis;white-space:nowrap;"
title="就是比如有一行文字,很长,表格内一行显示不下">
 就是比如有一行文字,很长,表格内一行显示不下
</span>

 

分享到:
评论
1 楼 hzl7652 2009-03-18  
这个只在IE上有效

相关推荐

    表格 题头拖动 超出宽度显示省略号(中文亦可) 滚动条 兼容IE,FF,safari

    `,这样当内容超出设定宽度时,会自动添加省略号,且文本不会换行。 3. **滚动条**:在表格内容过多时,滚动条是必不可少的。CSS可以控制滚动条的样式,如颜色、宽度等,通过`::-webkit-scrollbar`选择器在Webkit...

    固定宽度表格布局设定宽度问题

    这里,`table-layout: fixed`属性让表格采用固定布局,即使内容超过设定宽度,单元格也不会自动扩展。`overflow: hidden`隐藏超出单元格的内容,`text-overflow: ellipsis`添加省略号表示内容被截断,`white-space: ...

    让超出DIV宽度范围的文字自动显示省略号...

    ### 让超出DIV宽度范围的文字自动显示省略号 在网页设计中,经常需要处理文本溢出的问题。当一个块级元素(如`&lt;div&gt;`)内的文本长度超过了该元素的宽度时,如果不进行适当的处理,可能会导致文本换行或者溢出到元素...

    纯css控制超出部分省略号显示

    这是一段很长很长的文本,如果它超出了容器的宽度就会被截断并显示省略号。 ``` 2. **编写CSS样式**:接下来,为该元素添加必要的CSS样式以实现文本截断效果。 ```css .ellipsis-container { width: 200px...

    CSS超出文本指定宽度用省略号代替和文本不换行

    这组样式组合在一起,可以确保文本在设定的宽度内显示,超出部分被隐藏,并用省略号(...)表示。`word-break: keep-all`确保单词不会在中间被截断,而`white-space: nowrap`则防止文本换行。 2. **表格中的文字...

    bootstrap表格内容过长时用省略号表示的解决方法

    首先 ,bootstrap中当td内容超过我给的固定宽度时,省略号代替的代码如下: 商品名称 详细介绍 购买数量 &lt;tbody i

    Textview设置超出11个长度时显示省略号

    在某些场景下,我们可能希望限制`TextView`显示的文本长度,当文本超过设定长度时,用省略号(...)来表示内容被截断。这种效果在UI设计中常见于新闻摘要、评论列表等,可以有效提高界面的可读性和整洁度。下面将...

    GridView控件使用省略号替换超长字符

    为了解决这个问题,我们可以设置GridView控件使其在文本超长时自动用省略号(...)来替换超出部分,从而保持表格的整洁和易读性。 在GridView控件中实现这一功能主要涉及以下步骤: 1. **配置GridView控件**: ...

    js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例

    在本文中,我们将探讨如何使用JavaScript和CSS技术实现当网页中的文本内容超出设定的长度时,自动用省略号(...)来代替超出部分,并且当用户将鼠标悬停在该文本上时,显示完整的文本信息。这通常是在网页设计中用来...

    Android设置TextView显示指定个数字符,超过部分显示...(省略号)的方法

    有时候,我们可能需要限制TextView显示的文本长度,当文本内容超过一定字符数时,自动添加省略号(...)来表示内容被截断。这通常用于保证界面布局的整洁和用户体验的优化。在本篇文章中,我们将深入探讨如何设置...

    TextView解决自动换行问题

    本文将详细讲解如何在`TextView`中解决自动换行问题,并设置超过指定行数后使用省略号。 首先,我们需要了解`TextView`的一些关键属性: 1. `android:singleLine`:此属性在API 26及以下版本可用,当设置为`true`...

    CSS 控制字符宽度省略号效果 兼容浏览器

    当元素内容超出其设定的宽度时,超出部分将被隐藏,并在文本末尾显示省略号。 然而,需要注意的是,不同浏览器对于CSS属性的支持度不尽相同。比如,在这篇文章中提到的“FF”,指的是Firefox浏览器,它对于`text-...

    带省略号的WPF文本框

    在某些场景下,我们可能希望限制TextBox显示的文本长度,当文本内容超过设定的宽度时,能自动添加省略号(...)来表示被截断的文本。这在设计简洁界面或处理大量数据时非常有用。标题“带省略号的WPF文本框”描述的...

    table中的超长字符串用省略号表示的css样式

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

    jQuery实现控制文字内容溢出用省略号(…)表示的方法

    当这些 `div` 中的文字内容超过限制时,jQuery 代码将会自动截断并添加省略号。 总结一下,使用 jQuery 控制文字内容溢出的方法主要包括以下步骤: 1. 使用 `$(function() { ... })` 确保在 DOM 加载完成后执行...

    CSS控制文本的长度 超过一行显示省略号的实现方法

    CSS 提供了一种优雅的方式来处理这种情况,即控制文本的长度,当文本超过设定的宽度时,显示省略号。这种方法通常用于标题或者摘要,使得用户能够快速了解主要内容,而不必展开全部文本。本篇文章将详细解释如何通过...

    【mark】单/多行文本内容溢出显示省略号…

    这是一段非常非常非常长的文本内容,超过了我们设定的最大宽度后,将会自动添加省略号来表示剩余未显示的部分。 这是一段非常非常非常长的文本内容,超过了我们设定的最大高度后,将会自动添加省略号来表示剩余...

    通过纯CSS样式实现DIV元素中多行文本超长自动省略号

    【纯CSS实现多行文本超长自动省略号】是一种高效且优雅的解决方案,它可以避免使用JavaScript进行文本截断,从而提高页面加载速度和用户体验。CSS中的`text-overflow: ellipsis`属性是实现这一效果的关键,但它仅...

    安卓Andriod源码——textView根据长度自动换行.zip

    2. `android:maxLines`:设定TextView的最大行数,超过该数值将使用省略号表示。 3. `android:ellipsize`:定义超出最大行数时如何显示文本,可选值有start(在行首省略)、middle(在行中省略)、end(在行尾省略)...

Global site tag (gtag.js) - Google Analytics