`
daxiong921
  • 浏览: 44701 次
  • 性别: Icon_minigender_1
  • 来自: 龙岩
社区版块
存档分类
最新评论

css控制列不换行,IE将隐藏部分用省略号表示

阅读更多
宽度,不管是固定宽度还是百分比,必须要有个宽度值
white-space:nowrap;设置为不换行
overflow:hidden;超出部分隐藏
text-overflow:ellipsis;超出的用...表示(单IE支持[color=red][/color])

width:xxx;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
分享到:
评论

相关推荐

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

    本文将深入探讨如何使用CSS实现超出文本指定宽度用省略号代替以及禁止文本换行。 1. **一般文字截断** 当我们希望文本在特定宽度后被截断并用省略号表示时,可以使用以下CSS样式: ```css .text-overflow { ...

    CSS 网页内容换行控制

    其中,文本的换行管理是CSS中不可或缺的一部分,尤其是在DivCSS布局中,良好的换行控制可以使得网页内容更加整洁、易读。本文将系统地介绍CSS中用于控制换行的四种主要属性:`white-space`、`word-break`、`word-...

    CSS控制文本超出指定宽度显示省略号和文本不换行效果的实现

    在本篇文档中,我们将深入学习如何使用CSS控制文本的显示方式,具体来说是如何实现当文本超出指定宽度时,在文本的末尾显示省略号,并且文本不换行。这种效果在网页设计中非常常见,它能够帮助我们优雅地处理那些...

    CSS控制文字换行、裁剪

    这样的设置可以让过长的文本在容器内只显示一部分,并以省略号表示被隐藏的部分。 总的来说,`word-wrap`、`word-break`和`white-space`这三大CSS属性为我们提供了丰富的文本换行和裁剪控制手段,可以根据具体需求...

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

    本话题主要涉及以下几个关键知识点:表格题头的拖动、超出宽度显示省略号、滚动条的使用以及跨浏览器兼容性,特别是针对IE、Firefox(FF)和Safari这三大主流浏览器。 1. **表格题头拖动**:这是一种交互设计特性,...

    div+CSS设置一行内文字超过宽度不换行且不显示截断文字加...

    当内容在容器内宽度不足以完整显示时,浏览器默认会将文字换行,但是有些时候我们不希望文字进行换行显示,而是希望超出容器宽度的部分不显示或者使用省略号来代替。对于这类需求,可以通过CSS来实现。 在CSS中,...

    CSS实现单行、多行文本溢出显示省略号的实现方法.docx

    单行溢出的实现主要是通过限制文本的换行,让其在固定宽度内显示,超出的部分用省略号替换。以下是一种常见的实现方式: ```css .whitespace-nowrap { white-space: nowrap; /* 阻止文本换行 */ overflow: hidden...

    CSS实现单行、多行文本溢出显示省略号的实现方法.pdf

    这段CSS代码将使单行文本在宽度限制下,超出的部分以省略号表示。但需要注意的是,这种方式仅适用于单行文本,且必须设置宽度。 对于多行文本的溢出显示省略号,情况则稍有不同。由于CSS标准并不直接支持多行文本的...

    CSS强制中英文换行与不换行 强制英文换行示例

    对于不换行且超出部分需要隐藏并以省略号形式出现的情况,需要使用white-space和text-overflow属性配合: ```css .p5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; /* ...

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

    `表示当内容溢出时,用省略号“...”来代替;而`overflow: hidden;`则隐藏超出边界的文本。 接下来是`white-space`属性,它控制元素内的空白字符如何处理。为了使文字在一行内显示并触发`text-overflow`效果,我们...

    firefox下溢出部分省略号显示

    在Firefox浏览器中,开发者可以利用CSS属性来实现这一效果,使得当文本内容超出指定区域时,以省略号(...)的形式隐藏多余的部分。这一技术在网页设计中尤为实用,可以保持页面的整洁和易读性。 首先,我们需要了解...

    js文字超出省略号特效

    在网页设计中,为了美观和用户体验,经常需要对过长的文字进行省略处理,尤其是在有限的空间内展示内容。...理解和掌握这些知识点,将有助于我们更好地实现文本溢出时的省略号效果,提升网页的用户体验。

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

    本文将详细讲解如何通过CSS样式来控制单元格中的文本,当文本内容超过单元格宽度时,采用省略号的形式来表示被截断的部分。这个技巧在数据展示、列表视图或者表格中尤其有用,可以有效地防止单元格过宽导致布局混乱...

    用css截取字符的几种方法详解(css排版隐藏溢出文本).docx

    这个例子将只显示3行文本,然后用省略号表示还有未显示的部分。请注意,这个方法仅适用于WebKit浏览器(如Chrome、Safari),对于其他浏览器,你需要寻找其他兼容解决方案。 总结来说,CSS提供了多种方式来处理...

    强制文本在一行内显示,并且后面有省略号效果的实现方法

    在网页设计和开发中,有时候我们需要对长文本进行限制,使其在一行内显示,并且超出的部分用省略号表示。这种效果通常用于标题或者摘要展示,以保持页面的整洁和可读性。以下是对这个需求的详细解释和实现方法。 ...

    无hack无js实现省略号效果

    当设置了`overflow: hidden`和`white-space: nowrap`来隐藏超出部分的文本时,`text-overflow: ellipsis`会添加省略号(...)来表示被截断的内容。这个特性在创建简介、摘要或者长标题的展示时非常有用,因为它可以...

    css浏览器兼容整理

    以上代码仅在IE6中执行,可以用来隐藏某个元素或者应用特定的CSS规则。 #### 三、对齐产生的问题 1. **div的居中对齐问题** - 使用 `margin: auto;` 来实现水平居中。 2. **div中文字垂直居中对齐的问题** - ...

    用css截取字符的几种方法详解(css排版隐藏溢出文本).pdf

    然而,这种方法的缺点是需要指定固定的宽度,宽度不能使用百分比,因为IE浏览器会将其解释为字符总长度的百分比。 **方法二:使用`<input>`标签** 这种方法适用于需要显示纯文本且宽度可以为百分比的情况。代码...

    IE8/9 使用text-overflow: ellipsis 做块元素超长内容变省略号的问题

    综上所述,虽然text-overflow属性在IE8和IE9中有一些限制,但通过上述提到的CSS属性的合理使用,可以实现一个较为通用的跨浏览器的省略号效果解决方案。实际开发中,开发人员应充分测试不同浏览器环境下的显示效果,...

    课题_CSS隐藏多余文字的几个方法.pdf

    `clip`会简单地裁剪溢出的文本,而`ellipsis`则会在文本末尾显示省略号。`text-overflow:ellipsis;`在大多数现代浏览器中都支持,但需要注意的是,Firefox早期版本可能不支持此属性。`text-overflow`特别适用于标题...

Global site tag (gtag.js) - Google Analytics