`

利用CSS省略长句

    博客分类:
  • css
阅读更多

当一句话很长的时候,为了控制页面美观,往往通过截取字符串的方式来实现,可是这种方式在控制字母和汉字混合的句子时,情况就有点复杂,而另一种通过CSS样式单的方式则相对简单的多:

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

    效果如下:

就是比如有一行文字,很长,表格内一行显示不下.


    部分多余的文字则被省略掉了。

<script type="text/javascript"></script>

分享到:
评论

相关推荐

    CSS 省略号 完美解决 鼠标放上显示不能看部分的内容

    CSS 省略号 完美解决 鼠标放上显示不能看部分的内容

    CSS实现长标题用省略号显示

    CSS实现长标题用省略号显示,以前用JS用网络语言实现,其实CSS也可以的 不错哦~

    CSS实现文字多行省略效果.zip_朋友圈文字最后变成省略号

    当我们需要展示大量文本但受限于有限的空间时,可以利用CSS来实现文字的多行省略效果,让超出部分以省略号(...)的形式呈现。在给定的“CSS实现多行文字显示省略号效果.zip”压缩包中,包含了一个名为“2.css”的...

    利用CSS布局到底有多难?

    "利用CSS布局到底有多难?" 这个标题暗示了我们在探讨一个常见的挑战:如何有效地使用CSS来创建美观且功能完备的网页布局。这篇博客文章可能是作者分享他在实践中的经验,讨论CSS布局的难度以及提供可能的解决方案。 ...

    css文本显示省略号样式文件

    css文本显示省略号 如果不适应sass 需要把@extend .text-webkit-box替换为.text-webkit-box里面的内容

    CSS省略号动画实现方法.pdf

    在本文中,我们将深入探讨如何利用CSS来实现一种特殊的视觉效果——省略号动画。这种动画效果通常用于表示内容被截断或加载中,为用户界面增添动态感。 首先,让我们了解CSS中的关键帧动画(Keyframe Animations)...

    CSS实现超长字段用省略号代替

    CSS实现超长字段用省略号代替 td的属性中注意nowrap有效不能设置width,但是可以设置table的width

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

    ### 纯CSS控制超出部分省略号显示 在网页设计与开发中,经常会遇到文本长度不可预知的情况,特别是当容器的宽度固定时,如何优雅地处理超出部分的文本展示就显得尤为重要。本文将详细介绍如何仅使用CSS来实现文本...

    利用css生成首字母文字头像代码

    而在文章中没有图片时,我们可以使用一张默认的图,总是搞这些默认的图不是很好看,这时我们可以用css来生成文章标题首字母的头像为图片,这样会不会看起来很美观,那么如何利用css生成首字母文字头像? 利用css生成...

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

    尤其是在IE浏览器中,由于其对CSS特性的支持情况与其他现代浏览器有所不同,因此需要采用特定的方法来实现超长文本的省略。本教程将详细介绍如何使用CSS在IE浏览器中实现这一功能。 首先,我们需要理解CSS中的`text...

    css 省略号 css3让多余的字符串消失并附加省略号的实现代码

    CSS为开发者提供了便捷的属性来实现文本的省略处理。所谓文本省略处理,就是指当文本行数超过容器的高度或者一行文本长度超过容器宽度时,可以用省略号(...)来表示被截断的文本。 首先,为了使省略号效果生效,...

    HTML+css 超出字符省略号表示

    本主题主要探讨如何利用HTML和CSS实现超出字符数后显示省略号的效果。 首先,HTML中的基础结构是至关重要的。我们可以使用`&lt;p&gt;`、`&lt;span&gt;`或`&lt;div&gt;`等元素来包含需要截断的文字。例如,创建一个包含长文本的`&lt;p&gt;`...

    第十四节 IE中利用CSS触发XSS-01

    "IE中利用CSS触发XSS-01" 在IE浏览器中,CSS可以用来触发XSS攻击。本节课程将介绍如何使用CSS来触发XSS。 CSS介绍 CSS(Cascading Style Sheets)是一种用来表现HTML或XML文件样式的计算机语言。CSS不仅可以静态...

    css实现省略文字展开收起

    css实现省略文字展开收起

    利用CSS生成精美细线Table表格

    本篇我们将深入探讨如何利用CSS生成精美细线Table表格,以提升网页内容的可读性和美观度。 首先,我们需要了解HTML表格的基本结构。一个基本的HTML表格由`&lt;table&gt;`元素开始,内部包含`&lt;tr&gt;`(行)元素,每行中又有`...

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

    用CSS实现超长字段被省略的简单方法! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net

    纯css3炫酷粒子动画特效

    【CSS3炫酷粒子动画特效】是一种利用现代浏览器对CSS3特性的支持,通过编程方式创建出视觉上引人入胜的动态效果。这个特效主要依赖于CSS3的动画(Animations)和转换(Transforms)特性,以及可能的伪元素(Pseudo-...

    前端样式 分页中间是省略号

    在“1-中间两个省略号”这个文件中,可能包含了实现这一特定分页样式的代码示例,包括HTML模板、CSS样式表和可能的JavaScript代码。通过分析和学习这个文件,开发者可以理解如何在自己的项目中实现类似的功能,或者...

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

    本文将深入探讨如何使用CSS实现字段太长时的省略号显示,并对比与使用JSP(JavaServer Pages)处理此类问题的方法。 ### CSS 省略号显示原理 CSS中的`text-overflow`属性和`overflow`属性配合`white-space`属性...

    利用CSS样式进行对分页效果进行美化

    利用CSS样式进行对分页效果进行美化,主要是为了美观,对分页效果,使用cSS样式

Global site tag (gtag.js) - Google Analytics