`

利用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省略号动画实现方法.pdf

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

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

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

    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;`...

    css实现省略文字展开收起

    css实现省略文字展开收起

    纯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样式

    太极图用css进行绘画,主要利用css 免费

    太极图用css进行绘画,主要利用css 免费

    css控制文本实现越界省略号以及自动换行

    本篇将详细解释如何利用CSS实现文本的越界省略号显示以及自动换行。 首先,我们来看如何实现越界省略号的效果。这个效果通常用于长文本在有限的容器内无法完全展示时,用省略号(...)来表示文本被截断。关键的CSS...

    第十三节 利用CSS特性绕过XSS过滤-01

    利用CSS特性绕过XSS过滤 在Web安全领域中,XSS(Cross-Site Scripting)是一种常见的攻击方式,它通过在目标网站中插入恶意脚本来攻击用户。为了防止XSS攻击,很多网站都部署了XSS过滤机制。但是,攻击者可以利用...

    CSS实现不换行/自动换行/文本超出隐藏显示省略号

    CSS实现不换行/自动换行/文本超出隐藏显示省略号;自动换行,强制不换行,单行文本不换行多余文本显示省略号,第n行显示省略号,亲测有效。

Global site tag (gtag.js) - Google Analytics