文字截断显示省略号

var s_l = $(‘.singer-v-list dl‘);$.each(s_l, function() {   var _text = $(this).find(‘dd‘),         _maxtext = 30;   if (_text.text().length > _maxtext) {      _text.text(_text.text().substring(0, _maxtext));      _text.text(_text.text() + ‘...‘)   }})

<dl>   <dt>      <a href="javascript:void(0)">         <img src="" />      </a>   </dt>   <dd>111111111111111111111111111111111111111111111111111111111111111111111111111</dd></dl>
时间： 2024-08-13 10:25:01

文字截断显示省略号的相关文章

关于文字单行显示省略号和多行省略号的写法

CSS里的text-overflow属性能用来控制超长溢出的文字内容的显示方式,超出的文字可以是直接截断.用省略号表示,或用自定义的字符替代. 单行文字显示省略号条件: text-overflow的起作用环境是在一个‘block’状态下的父元素容器里,它的inline子元素上水平方向不能换行(即white-space: nowrap;),这种情况下用text-overflow:ellipsis属性,即可将单行文字超出规定宽度显示省略号. p { white-space: nowrap; widt

css3文字溢出显示省略号

text-overflow text-overflow用来设置是否使用一个省略标记(...)标示对象内文本的溢出. 语法: 1 text-overflow:ellipsis;/* 表示省略标记 */ 2 text-overflow:clip;/* 表示剪切 */ 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢

td文字溢出显示省略号

昨天遇到移动端表格td中文字溢出问题,写了溢出隐藏样式,居然没起作用! { overflow:hidden;//溢出隐藏 white-space:nowrap;//文字不换行 text-overflow:ellipsis;//显示省略号 } 然后查了查网上遇到的类似问题,用table-layout:fixed;可以解决此问题,但是我发现这个方法并不完美,甚至改变了我设置的td的大小,本来以30%和70%的显示的td,设置此属性之后居然以50%和50%显示,这就让我不爽了.于是乎花了好长时间解决这

单行多行文字溢出显示省略号

1. 单行文字 <div class='line'>我是单行文字测试我是单行文字测试我是单行文字测试我是单行文字测试</div> .line{ width:200px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; } white-space:nowrap; (强制显示一行)overflow:hidden; (文字超出部分隐藏)text-overflow:ellipsis; (文字超出部分显示省略号)

文字溢出显示省略号，兼容ie9以上浏览器

最近遇上一个问题,文字溢出展示省略号在ie上不管用,经过查找,是少了word-wrap: normal;这个css属性 width:100px; overflow: hidden; white-space: nowrap; word-wrap: normal;  text-overflow: ellipsis;

table表格中文字超出显示省略号

第一步: table {table-layout:fixed:}列宽由表格宽度和列宽度设定,不随文字多少变化 第二步: td { white-space:nowrap;/*文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止.*/ overflow:hidden;/*隐藏多余的内容*/ text-overflow:ellopsis;/*显示省略符号来代表被修剪的文本 for IE*/ -moz-text-overflow: ellipsis; /* for Firefox,moz

css实现隐藏多余溢出文字并显示省略号

<meta charset="utf-8" /> <style> .txt{ width:200px; border:1px solid #ddd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } </style> <p class="txt">溢出文字隐藏溢出文字隐藏溢出文字隐藏溢出文字隐藏</p>

css 样式文字溢出显示省略号

在table中使用溢出样式,table样式要设置为”table-layout: fixed“,即<table style="table-layout: fixed;">,溢出样式才有效果 table tbody tr td { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 注释: white-space:nowrap;表示文本不会换行,在同一行继续,知道遇到<br>标签为止:

单行、多行文字超出显示省略号

单行 display:inline-block/ block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;