`
wjt276
  • 浏览: 658145 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

CSS 当文字超长自动变成省略号显示效果

    博客分类：
  • CSS
CSSHTML 
阅读更多
当文字超长自动变成省略号显示效果，如何如下： 
<div STYLE="width: 120px; overflow: hidden; text-overflow:ellipsis">  
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>  
</div>

或者 
<span STYLE="width: 120px; overflow: hidden; text-overflow:ellipsis">  
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>  
</span>
效果：就是比如有一……
注：当文本超出指定width=120px时，则就变成省略号显示内容
分享到：
| 当web.xml文件为2.2时el表达式失效解决办 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    HTML CSS 省略号代码 超过长度省略号显示点击全部可以显示等 超出范围自动变成省略号，但鼠标可以选择文字，酷吧……

    HTML CSS 省略号代码 超过长度省略号显示点击全部可以显示等 超出范围自动变成省略号，但鼠标可以选择文字，酷吧……

    将td中文字过长的部分变成省略号显示的小技巧

    本文将介绍如何使用CSS的几个关键属性，将TD中文字过长的部分变成省略号显示的小技巧。 在开始介绍具体实现之前，我们需要先了解几个相关的CSS属性，它们分别是： 1. `text-overflow`: 这个属性用于设置当文本溢出...

    如果文字过长,则将过长的部分变成省略号显示

    综上所述，处理文字过长的问题，我们可以利用CSS的`overflow: hidden`和`text-overflow: ellipsis`属性，结合适当的布局，实现文本超出部分自动显示为省略号的效果。这种方法在网页设计中广泛应用，既能保持页面的...

    css入门笔记

    4.auto 自动，溢出时自动显示滚动条并且可用 ============================== 9.29 1、边框线 属性：border： 取值： 2、边框倒角 属性：border-radius: 取值： px % 3、边框阴影 属性：box-shadow: 取值： ...

    JavaScript经典效果集锦

    三、文字过长变成省略号显示 利用CSS的`text-overflow`、`white-space`和`overflow`属性可以将长文本在超出容器宽度时显示为省略号。 四、滚动的图片 通过JavaScript或jQuery可以创建图片滚动效果，实现图片自动...

    EMlog博客古典式模板 v1.1.rar

    2、给内容页的“上一篇”、“下一篇”做了自适应处理，不管标题再怎么长，都会以省略号代替溢出文字。 3、修正了侧边栏“个人资料”头像宽高不均导致撑破边框问题。 4、修正首页、内容页底部“站长”在“微语页”不...

Magicbox
Global site tag (gtag.js) - Google Analytics