`

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

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

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

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

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

    CSS省略号text-overflow超出溢出显示省略号

    标题和描述中提到的“CSS省略号text-overflow超出溢出显示省略号”是指在CSS样式中利用`text-overflow: ellipsis;`来实现当文本内容超出指定容器的宽度时,用省略号表示被截断的文本。 `text-overflow`属性有以下几...

    CSS实现单行、多行文本溢出显示省略号(…)

    CSS实现单行、多行文本溢出显示省略号(…)示例文档,自行下载查看

    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实现超长字段被省略的简单方法! 值得下载看看!资源免费,大家分享!! 更多免费资源 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特性绕过XSS过滤-01

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

    css样式显示省略号自定义宽度超过隐藏显示省略标记

    在CSS样式中,显示省略号并自定义宽度超过时隐藏部分内容是一种常见的文本处理方法,主要用于长文本在有限空间内的展示。这个技巧可以帮助我们在网页设计中优化布局,保持页面整洁,尤其是在显示标题、摘要或者评论...

    div+css案例,网页设计

    本文将深入探讨Div+CSS的基础概念,以及如何通过它们来构建网页。 Div(层)是HTML中的一个块级元素,全称为“division”,用于对网页内容进行分组和布局。它可以包含其他HTML元素,并可以通过CSS(层叠样式表)...

    利用CSS3的text-shadow属性设计网页艺术字特效

    利用CSS3新增的text-shadow属性可以生成文本阴影,在HTML文档中实现多重阴影特效、火焰特效、发光特效、凸起和镶嵌特效、描边特效和阴影特效的艺术字效果,大大提高开发效率,无需链接图片文件,节约带宽。

    利用html、css、js制作的一个场景相机(源码)

    利用html、css、js制作的一个场景相机(源码),开箱即用! 利用html、css、js制作的一个场景相机(源码),开箱即用! 利用html、css、js制作的一个场景相机(源码),开箱即用! 利用html、css、js制作的一个场景...

    利用CSS控制表格table的交替颜色

    利用CSS控制表格table的交替颜色 源码 有图片

    CSS权威指南 css彻底设计研究 HTML5和CSS3实战 HTML5与CSS3设计模式

    这本书可能涵盖色彩理论、排版、布局设计原则,以及如何利用CSS进行图形绘制。同时,它可能还会介绍一些高级技巧,如自定义字体、CSS预处理器(如Sass和Less)的使用,以及如何处理浏览器兼容性问题。 "HTML5和CSS3...

Global site tag (gtag.js) - Google Analytics